博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts,两点连线,中间断裂
阅读量:6578 次
发布时间:2019-06-24

本文共 851 字,大约阅读时间需要 2 分钟。

hot3.png

在echarts中,line其实是连续的,只是给里面的值赋空即不显示,达到仅仅两点连线的显示效果

例如:

1,连续的连线。重点是data里面都有值

var option = {

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

2, 两点连线。重点:数据有空值

var option = {

                xAxis: {
                    type: 'category',
                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: [820, 932, '', 934, 1290, '', 1320],
                    type: 'line'
                }]
            };

其实data更简单的方式就是用逗号隔开即可(推荐)

data: [820, 932, , 934, 1290, , 1320],

3,再一个

var data = [ [ 15, 0 ], [ -50, 10 ], [ '', 20 ], [ -46.5, 30 ],

                [ -22.1, 40 ] ];

或者

var data = [ [ 15, 0 ], [ -50, 10 ], [ '', '' ], [ -46.5, 30 ],

                [ -22.1, 40 ] ];

或者(推荐)

var data = [ [ 15, 0 ], [ -50, 10 ], , [ -46.5, 30 ],

                [ -22.1, 40 ] ];

转载于:https://my.oschina.net/hfq/blog/1608997

你可能感兴趣的文章
尝试使用iReport4.7(基于Ubuntu Desktop 12.04 LTS)
查看>>
动态规划:金矿模型
查看>>
子元素应该margin-top为何会影响父元素【转】
查看>>
AJAX 状态值(readyState)与状态码(status)详解
查看>>
BZOJ3668:[NOI2014]起床困难综合症(贪心)
查看>>
LightOJ 1245(Harmonic Number (II))
查看>>
小知识记录
查看>>
css3 animate 和关键帧 @-webkit-keyframes
查看>>
文字链接颜色设置
查看>>
图片转流
查看>>
ubunto应用软件
查看>>
HTML 标签说明
查看>>
锋利的jQuery-2--判断jQuery获取到的对象是否存在$().length
查看>>
linux 查询系统版本命令、查询端口号是否被占用命令
查看>>
java笔记八:IO流之字符流与字符缓冲流
查看>>
Docker 命令收集
查看>>
myeclipse注册码生成器
查看>>
怎样快速学好PHP技术之PHP学习方法总结
查看>>
iOS App间相互跳转漫谈 part2
查看>>
Java CAS 原理剖析
查看>>