在Highchart的折线图中删除两个值之间的线

时间:2017-09-25 15:23:08

标签: highcharts

我有一张普通的折线图,上面填充了表格中的每周数据。有些星期没有数据,但这些实例未标有null0

表格看起来像这样:

201734  45
201735  63
201738  68
201739  53
201740  76

所以有这个: bad chart

正如您所看到的那样,在第35周和第38周之间不可能看到错过的周数。

我希望它看起来像这样: good chart

当两周之间的差异不是1时,两个值之间的行已被删除:201738 - 201735 != 1

我的代码类似于:https://jsfiddle.net/eumLdkjb/1/

关于如何做到这一点的任何想法?

谢谢!

2 个答案:

答案 0 :(得分:0)

您必须以这样的方式创建数组:y轴值为null,例如当前大小写:

 var str = "Stack,Overflow,best,for,coder"    
 var matchesCount = str.split(",").length;
 var vallueArray = str.split(',', matchesCount);
 var value1= "";
 for (var i = 0 ; i < vallueArray.length; i++) {
         value1= value1+ vallueArray [i] + " ";
    }
  document.getElementById("txt1").value = value1;

https://jsfiddle.net/vsj5jmnz/

答案 1 :(得分:0)

在xAxis中创建categotries数组,其中包含缺少的名称以及breaks

API参考:
http://api.highcharts.com/highcharts/xAxis.categories
http://api.highcharts.com/highcharts/xAxis.breaks

例:
https://jsfiddle.net/1nz4kcum/