前端老生

echarts itemStyle symbol 折线图圆点样式调整

symbol 适用类型 :折线图、散点图 。默认:null

  • 折线颜色只需要设置lineStyle的color
  • 设置小圆点颜色只需要设置itemStyle的颜色
  • 设置小圆点图标类型 emptyCircle circle
     

'circle' | 'rectangle' | 'triangle' | 'diamond' | 'emptyCircle' | 'emptyRectangle' | 'emptyTriangle' | 'emptyDiamond' 

另外,还支持五种更特别的标志图形
           // 真实数据:
           // {name: '驯鹿', velocity: 4705882, symbol: 'reindeer'},
           // {name: '火箭', velocity: 38880, symbol: 'thunder'},
           // {name: '飞机', velocity: 1028, symbol: 'plane'},
           // {name: '高铁', velocity: 300, symbol: 'train'},
           // {name: '汽车', velocity: 60, symbol: 'car'},
           // {name: '轮船', velocity: 30, symbol: 'ship'},
           // {name: '跑步', velocity: 15, symbol: 'run'},
           // {name: '步行', velocity: 5, symbol: 'walk'}
pumpkin | shoppingCart | pentagram | body0 | body1 | body2 | body3 | body4

 

series: [
 {
   name: "%",
   type: "line",
   symbol: "circle", // 标志类型实心圆
   symbolSize: 4,   // 大小
   itemStyle: {
     normal: { color: "#2ec7c9", lineStyle: { color: "#2ec7c9" } }
   },
   data: "seriesData"
 }
];