echarts [Feature] brush 选框触发方式问题

xxe27gdn  于 2022-10-26  发布在  Echarts
关注(0)|答案(3)|浏览(373)

What problem does this feature solve?

目前echarts支持通过某个属性设置brush吗,现在的方式是需要有个工具栏,然后点击工具栏之后才能框选。能直接就进行框选么?
之前有开发者提过这个问题,不过已经自动closed了,详见: #9214
想问下后续会支持该功能吗?

What does the proposed API look like?

backgroundColor: '#eee',
legend: {
    data: ['bar', 'bar2', 'bar3', 'bar4'],
    align: 'left',
    left: 10
},
brush: {
    toolbox: ['lineX', 'clear'],
    xAxisIndex: 0
},
tooltip: {},
xAxis: {
    data: xAxisData,
    name: 'X Axis',
    silent: false,
    axisLine: {onZero: true},
    splitLine: {show: false},
    splitArea: {show: false}
},
yAxis: {

},
grid: {
    left: 100
},
series: [
    {
        name: 'bar',
        type: 'line',
        stack: 'one',
        itemStyle: itemStyle,
        data: data1
    }
]
hrysbysz

hrysbysz1#

@FengHuangDong 当使用takeGlobalCursor了之后是不是不支持range或者coordRange的区间范围了?

mlnl4t2r

mlnl4t2r2#

@iceatlas It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

[Feature] brush marquee triggering method problem

BODY

What problem does this feature solve?

At present, echarts support setting rush through a certain property, the current way is that you need to have a toolbar, and then click the toolbar to select the box. Can I just make a box selection?
Developers have asked this question before, but it has been automatically closed, see: #9214
Would you like to ask if this feature will be supported in the future?

What does the proposed API look like?

backgroundColor: '#eee',
legend: {
    data: ['bar', 'bar2', 'bar3', 'bar4'],
    align: 'left',
    left: 10
},
brush: {
    toolbox: ['lineX', 'clear'],
    xAxisIndex: 0
},
tooltip: {},
xAxis: {
    data: xAxisData,
    name: 'X Axis',
    silent: false,
    axisLine: {onZero: true},
    splitLine: {show: false},
    splitArea: {show: false}
},
yAxis: {

},
grid: {
    left: 100
},
series: [
    {
        name: 'bar',
        type: 'line',
        stack: 'one',
        itemStyle: itemStyle,
        data: data1
    }
]
aelbi1ox

aelbi1ox3#

@iceatlas

myChart.dispatchAction({
      type: "takeGlobalCursor",
      key: "brush",
      brushOption: {
        brushType: xxx,
      },
    });

相关问题