eCharts 折线图 一段是实线,一段是虚线的实现效果

在lineStyle里写了不生效的话,可以尝试数据拼接

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224,218 ,,,],
      type: 'line'
    },
     {
      data: [,,, 218, 135, 147, 260],
      type: 'line',
      lineStyle: {
        type: "dashed"
      }
    }
  ]
};

官网线上试了一下,这应该是最简单的实现方式了

我在我们项目里面实现的效果

后台给了数据后,虚线从哪里拼接,然后拼接上对应长度的null就行了

 let array = [];
var yclist  = [];
 for (let i = 0; i < 所需长度; i++) {
                        array[i] = null;//创捷一个对应的全部是null的数组
 }
yc = array.concat(yclist)//拼接上对应长度的null

最近更新

  1. TCP协议是安全的吗?

    2024-04-25 03:26:05       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-25 03:26:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-25 03:26:05       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-25 03:26:05       20 阅读

热门阅读

  1. Vue通俗概念理解

    2024-04-25 03:26:05       12 阅读
  2. InfluxDB v1.8

    2024-04-25 03:26:05       11 阅读
  3. 2024 极术通讯-生成式AI的发展现状与未来趋势

    2024-04-25 03:26:05       14 阅读
  4. 数据结构与算法-砖墙问题

    2024-04-25 03:26:05       14 阅读
  5. vivado 通过修改调试核 (ILA) 来进行增量编译

    2024-04-25 03:26:05       15 阅读
  6. UE5 android package

    2024-04-25 03:26:05       14 阅读