echarts 折线图小圆点修改为实心，折线图下方半透明效果

option = {xAxis: {type: 'time',},yAxis: {},dataZoom: [],series: [{name: 'Fake Data',type: 'line',smooth: true,//true 有弧度，false 没弧度（直线）symbol: 'circle',//将小圆点改成实心不写symbol默认空心symbolSize: ............

clearlove7_1119

8553人浏览 · 2022-05-10 17:07:09

clearlove7_1119 · 2022-05-10 17:07:09 发布

直接看series里的代码

option = {
  xAxis: {
    type: 'time',
  },
  yAxis: {
  },
  dataZoom: [
  ],
  series: [
    {
      name: 'Fake Data',
      type: 'line',
      smooth: true,      //true 有弧度 ，false 没弧度（直线）
      symbol: 'circle',   //将小圆点改成实心 不写symbol默认空心
      symbolSize: 5,    //小圆点的大小
      itemStyle: {
        color: '#F2597F'    //小圆点和线的颜色
      },
      areaStyle: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          {
            offset: 0,
            color: 'rgba(213,72,120,0.8)'    //靠上方的透明颜色
          },
          {
            offset: 1,
            color: 'rgba(213,72,120,0.3)'    //靠下方的透明颜色
          }
        ])
      },
      data: data2
    }
  ]
};

https://blog.csdn.net/duyan_s/article/details/78833845?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase