[GitHub] Gamehu opened a new issue #9214: brush的触发方式问题

[GitBox]

Gamehu opened a new issue #9214: brush的触发方式问题
URL: https://github.com/apache/incubator-echarts/issues/9214
 
 
   One-line summary [问题简述]
   目前echarts支持通过某个属性设置brush吗，现在的方式是需要有个工具栏，然后点击工具栏之后才能框选，能直接就进行框选么
   
   Version & Environment [版本及环境]
   ECharts version [ECharts 版本]:3.8.5
   Browser version [浏览器类型和版本]:69.0.3497.81
   OS Version [操作系统类型和版本]:windows10
   Expected behaviour [期望结果]
   支持折线图的brush
   
   ECharts option [ECharts配置项]
    
   
   var xAxisData = [];
   var data1 = [];
   var data2 = [];
   var data3 = [];
   var data4 = [];
   
   for (var i = 0; i < 10; i++) {
       xAxisData.push('Class' + i);
       data1.push((Math.random() * 2).toFixed(2));
       data2.push(-Math.random().toFixed(2));
       data3.push((Math.random() * 5).toFixed(2));
       data4.push((Math.random() + 0.3).toFixed(2));
   }
   
   var itemStyle = {
       normal: {
       },
       emphasis: {
           barBorderWidth: 1,
           shadowBlur: 10,
           shadowOffsetX: 0,
           shadowOffsetY: 0,
           shadowColor: 'rgba(0,0,0,0.5)'
       }
   };
   option = {
   
       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
           }
       ]
   };
   
   myChart.on('brushSelected', renderBrushed);
   
   function renderBrushed(params) {
       var brushed = [];
       var brushComponent = params.batch[0];
   
       for (var sIdx = 0; sIdx < brushComponent.selected.length; sIdx++) {
           var rawIndices = brushComponent.selected[sIdx].dataIndex;
           brushed.push('[Series ' + sIdx + '] ' + rawIndices.join(', '));
       }
   
       myChart.setOption({
           title: {
               backgroundColor: '#333',
               text: 'SELECTED DATA INDICES: \n' + brushed.join('\n'),
               bottom: 0,
               right: 0,
               width: 100,
               textStyle: {
                   fontSize: 12,
                   color: '#fff'
               }
           }
       });
   }
   }

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscr...@echarts.apache.org
For additional commands, e-mail: dev-h...@echarts.apache.org