Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

百度echarts折线图设置数据点(拐点)参数及相关用法

series: [{
  ....
  showSymbol: true, //显示数据点(拐点)
  smooth: 0.6, //设置数据点(拐点)​圆形
  symbol: "circle", //设置数据点(拐点)​形状 'circle’, 'rect’, 'roundRect’, 'triangle’, 'diamond’, 'pin’, 'arrow'
  symbolSize: 9, //设置数据点(拐点)​大小
  lineStyle: {
    normal: { //设置折现渐变色
      color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
         offset: 0,
         color: '#dc7029',
         opacity: .9
       },
       {
         offset: 1,
         color: '#f5a624'
       }
      ]),
      width: '3' //折线粗细
    }
  },
  itemStyle: {
    normal: {
      color: '#fa7d14', //拐点颜色
      borderColor: '#f5a624', //拐点边框颜色
      borderWidth: 2, //拐点边框大小
    }
  },
....
点击展开全文

相关文章

  1. 百度Echarts图表之柱状图+折线图组合系列
  2. 百度Echarts折线图系列之动态效果
  3. 百度Echarts折线图系列之极简风
  4. 百度Echarts折线图系列之光滑效果
  5. 百度Echarts折线图系列之自定义拐点正方形样式