在 echarts 中的数据和标记线之间切换答案

【问题标题】：toggle between data and markline in echarts在 echarts 中的数据和标记线之间切换
【发布时间】：2023-04-07 16:03:01
【问题描述】：

给定echarts中带有标记线的散点系列如下：

option = {
    xAxis: {},
    yAxis: {},
    series: [{
        symbolSize: 20,
        data: [
            [10.0, 8.04],
            [8.0, 6.95],
            [13.0, 7.58],
            [9.0, 8.81],
            [11.0, 8.33],
            [14.0, 9.96],
            [6.0, 7.24],
            [4.0, 4.26],
            [12.0, 10.84],
            [7.0, 4.82],
            [5.0, 5.68]
        ],
        type: 'scatter',
        markLine: {
            data: [
                {name: 'average',
                type: 'average',
                valueIndex: 0}
            ]
        }
    }]
};

我想在数据和标记线之间切换。可以说当 markline off 时，只应显示分散的数据。并且当仅标记线上的标记线应显示在图表中时。

【问题讨论】：

标签： javascript echarts

【解决方案1】：

我认为当您简单地设置相应的电子图表选项时它应该可以工作：

当您只想显示标记线时，将每个数据项的symbol 设置为none
当您只想显示数据时，markLine 可以是undefined（或将每个标记线的symbol 设置为none）

【讨论】：