今日在做图表时,要求指定哪个图表的标记图形显示或隐藏,看了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
示例图