JavaScript
echarts如何将无效数据的前后两个数据进行划线连接
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区有熟悉echarts的么，官方网站见
http://echarts.baidu.com/
问题：
将无效数据的前后两个数据进行划线连接（连接的线要与原来线想匹配）； echarts中无效数据为'-' , 但是无数据在折线图中表现为折线在该点断开，如果点3，点4，点5中点4为无数据，如何把点3和5连起来
如下图两个点
代码
http://echarts.baidu.com/
问题：
将无效数据的前后两个数据进行划线连接（连接的线要与原来线想匹配）； echarts中无效数据为'-' , 但是无数据在折线图中表现为折线在该点断开，如果点3，点4，点5中点4为无数据，如何把点3和5连起来
如下图两个点
代码
option = {
tooltip : {
trigger:'item'// 'axis'或'item'
},
legend: {
data:['最高','最低']
},
calculable : true,
dataZoom : {
show : true,
realtime : true,
start : 0,
end : 100
},
xAxis : [
{
type : 'category',
boundaryGap : false,
data : function(){
var list = [];
for (var i = 1; i <= 10; i++) {
list.push('2013-03-' + i);
}
return list;
}()
}
],
yAxis : [
{
type : 'value',
splitArea : {show : true}
}
],
calculable:false,
series : [
{
name:'ceshi',
type:'line',
data:[]
},
{
name:'最高',
type:'line',
data:function(){
var list = [];
for (var i = 1; i <= 10; i++) {
list.push(Math.round(Math.random()* 30));
}
return list;
}()
},
{
name:'最低',
type:'line',
data:function(){
var list = [3,8,16,'-',4,8,9,22,16,9];
return list;
}()
}
]
};
...全文
相关推荐
Echarts连接数据库实例
连接数据库使用Echarts插件实现可视化的小例子。使用的技术是java+servlet+mysql。项目代码压缩包中包含.sql数据库文件，开发环境是myeclipse。
ASP.NET与Echarts实现前后端数据的交互
在帮公司做一个小项目用到的就分享一下，这个使用ASP.NET与Echart使用的，通过在后台获取sql的数据，然后转换成Json,运用前端的Ajax读取json文档。
echarts简单的前后台交互显示
SSM-Echarts-Maven 简单的前后台交互.后台数据是固定的.
echarts连接后台数据流向图实例
echarts连接后台数据流向图实例，包括数据库文件。 echarts连接后台数据流向图map.jsp.
Django与Echarts融合的数据地图可视化实战项目
在当今的Web开发世界中，快速高效地创建具有复杂数据处理能力和良好用户体验的应用是每个开发者的追求。Django作为Python的一个高级Web框架，它遵循MVC设计模式，能够帮助开发者通过最小的配置快速搭建起项目结构，并提供了一套强大、可复用的组件。与之相对应的，Echarts作为一种基于JavaScript的数据可视化工具库，广泛应用于图表的绘制，并且因其出色的图表类型和美观的视觉效果而受到开发者的青睐。
