自定义图表标注(ECharts)

今日在做图表时，要求指定哪个图表的标记图形显示或隐藏，看了ECharts的官方文档，发现有这么个属性symbol可以来设置

option = {
xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
    type: 'value'
},
series: [
{
    data: [{value:110, symbol:'circle'}, 232, 101, {value:130, symbol:'none'}, 130, 130, 132],
    type: 'line',
    color: ["rgba(0, 91, 227, 1)"],
    symbol:'roundRect',
    symbolSize:10,
    lineStyle: {
        color: ["rgba(0, 91, 227, 1)"],
        width: 2,
        type: "solid"
    }
},
{
    data: [{value:910, symbol:'pin',symbolSize:15}, {value:910, symbol:'triangle',symbolSize:15}, 901, 934, {value:1290, symbol:'arrow',symbolSize:15}, 1330, 1320],
    type: 'line',
    color: ["rgba(237, 0, 0, 1)"],
    symbol:'roundRect',
    symbolSize:10,
    lineStyle: {
        color: ["rgba(237, 0, 0, 1)"],
        width: 2,
        type: "solid"
    }
}]
};

简单如下属性说明如下，具体的需要看官方文档

(1)symbol：用来设置标记类型,属性有'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
(2)symbolSize：单个数据标记的大小

官方文档链接：https://www.echartsjs.com/zh/option.html#series-line.data.symbolSize

示例图