自定義
setAxisSingleOption(optionData){var options = this.axisSingleOptionoptions.title.text = optionData.title.textoptions.xAxis.data = optionData.xAxis.dataoptions.legend.data = optionData.legend.dataoptions.series = optionData.seriesoptions.grid = optionData.grid// 假設seriesData是你的數據數組,xAxisData是對應的x軸標簽數組var seriesData = options.series.datavar xAxisData = options.xAxis.data// 找到最小值及其索引var minIndex = seriesData.indexOf(Math.min(...seriesData));var minValue = seriesData[minIndex];// 填充markPoint的data數組options.series.markPoint.data.push({name: minValue + '%', // 標記點名稱coord: [minIndex, minValue], // 使用索引和值來定位標記點label: {show: true, // 確保標簽是顯示的position: 'inside', // 或根據需要調整標簽位置offset: [0, 50], // 向下移動標簽,第一個值是x軸偏移,第二個值是y軸偏移formatter: function (params) {// 自定義標記點的標簽內容,包含x軸標簽和y軸值return xAxisData[minIndex] + " " + params.name;},},});return options},
在后端方法傳過來數據的方法中
const echarts6 = echarts.init(document.getElementById('axisSingleEcharts1')) echarts6.setOption(this.setAxisSingleOption(this.powerSunShortMoreThanFiftyAxis),true) const url6 = echarts6.getDataURL({type: 'svg',pixelRatio: 2, }) this.url.url6 = url6setAxisSingleOption 方法就是自己定義的給echarts方法賦值;?
reset 方法需要重新給echarts 賦值
const echarts6 = echarts.init(document.getElementById('axisSingleEcharts1'))echarts6.dispose();//不生效, 標記點 還存在
?需要在 dispose() 方法之前
const echarts6 = echarts.init(document.getElementById('axisSingleEcharts1'))this.powerSunShortMoreThanFiftyAxis.series.markPoint.data = [] echarts6.dispose();