问答

eCharts曲线图如何让曲线发光

作者:admin 2021-09-08 我要评论

eCharts的曲线图,如何让曲线发光呢? 找了好久都没找到 类似这样的 ### 深色背景加浅色阴影就能衬托出发光效果了 option = { backgroundColor: '#212529', text...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

eCharts的曲线图,如何让曲线发光呢?
找了好久都没找到
类似这样的

image.png

###

深色背景加浅色阴影就能衬托出发光效果了

option = {
  backgroundColor: '#212529',
  textStyle: {color: '#fff'},
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    splitLine: {
      show: true,
      lineStyle: {
        type: 'dashed',
      },
    },
  },
  yAxis: {
    type: 'value',
    splitLine: {
      show: false,
    },
  },
  series: [{
    data: [820, 932, 901, 934, 1290, 1330, 1320],
    type: 'line',
    smooth: true,
    showSymbol: false,
    lineStyle: {
      shadowColor: '#fff',
      shadowBlur: 10,
      color: {
        type: 'linear',
        colorStops: [
          {offset: 0, color: '#fff'},
          {offset: 1, color: 'yellow'},
        ],
      },
    },
  }],
};

微信图片_20200430145605.png

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • eCharts曲线图如何让曲线发光

    eCharts曲线图如何让曲线发光

  • 怎么知道<embed>标签有

    怎么知道<embed>标签有

  • 音乐app播放源地址爬取,请求参数一样

    音乐app播放源地址爬取,请求参数一样

  • vue本地跨域设置不生效

    vue本地跨域设置不生效

腾讯云代理商
海外云服务器