echarts框選重點數據brush的使用

目的

折線圖，需要框選出重點的數據，突出顯示。

效果

代碼

brush: {
    /* toolbox: ['rect'], */
    xAxisIndex: 'all',
    yAxisIndex: 'all',
    transformable: false,
    throttleType: 'debounce',
    removeOnClick: false,
    brushStyle: {
      borderWidth: 1,
      color: 'rgba(255,36,36,0.2)',
      borderColor: '#ff2424'
    }
  },

mychart.dispatchAction({
  type: 'brush',
  areas: [
	{
		brushType: 'rect',
		coordRange: [[minX, maxX], [minY, maxY]],
		xAxisIndex: 'all',
		yAxisIndex: 'all'
	}
  ]
})

注意點

1、toolbox: [‘rect’]是提供右上角的工具箱，我只需要展示框選，而無需用戶框選操作，即可去掉。
2、option中一定要有xAxisIndex: ‘all’,或yAxisIndex: ‘all’,不然報錯
TypeError: Cannot read property ‘0’ of undefined at getBoundingRectFromMinMax
3、areas裏面也一定要有xAxisIndex: ‘all’,或yAxisIndex: ‘all’,不然報錯
TypeError: Cannot read property ‘0’ of undefined at getBoundingRectFromMinMax
4、transformable，已經選好的選框是否可以被調整形狀或平移。默認可以拖動修改框，但此處需求只是給用戶提示不允許其操作，所以設置爲false。