echarts折线图怎样切断?

立早家饰 2018-04-25 11:17:36


怎样把折线图某两个相邻点之间的连线去掉或隐藏?相当于在某个位置把曲线切断,每个数据点还在,并不是将某个点的值设成“-”
...全文
1713 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
Emma_Maria 2019-07-19
  • 打赏
  • 举报
回复
tooltip怎么展示呢
立早家饰 2018-04-28
  • 打赏
  • 举报
回复
引用 3 楼 bbboy8205 的回复:
http://echarts.baidu.com/examples/editor.html?c=line-sections, 从这里可以看出, 某一断是可以自定义的。 最简单的可以设置某断color 为背景色就看不到了。
这个方法可行,设置visualMap,令第7个点到第8个点之间、第12个点到第13个点之间透明,其它不透明,不需改动曲线颜色 visualMap: { show: false, dimension: 0, pieces: [ { gt: 7, lt: 8 },{ gt: 12, lt: 13 }] ,outOfRange:{opacity:1} ,inRange:{opacity:0} }
风中的少年 2018-04-27
  • 打赏
  • 举报
回复
http://echarts.baidu.com/examples/editor.html?c=line-sections, 从这里可以看出, 某一断是可以自定义的。 最简单的可以设置某断color 为背景色就看不到了。
立早家饰 2018-04-27
  • 打赏
  • 举报
回复
引用 1 楼 Free_Wind22 的回复:
拆成2条线

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901],
        type: 'line',
        color: '#f60'
    },
    {
        data: ['/', '/', '/', 934, 1290, 1330, 1320],
        type: 'line',
        color: '#f60'
    }]
};

我的图里面本身就有好几条线,若干位置要断开,那不就要做n多曲线,行不通
2018-04-26
  • 打赏
  • 举报
回复
拆成2条线

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901],
        type: 'line',
        color: '#f60'
    },
    {
        data: ['/', '/', '/', 934, 1290, 1330, 1320],
        type: 'line',
        color: '#f60'
    }]
};

87,914

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧