javascript - AmCharts - 如果我加载外部数据,如何在折线图中创建间隙

标签 javascript amcharts

我正在使用 AmCharts v2。我需要在折线图中创建间隙,但如果我正在加载外部数据(d3),我不知道该怎么做。我找到了一种手动创建它的方法,但是如果我从已经包含所有数据的文件中获取数据,它就不起作用。它加载如下:/image/ePlJS.png 如您所见,差距为 17 到 21。

这是获取数据并放置在图表中以创建数据的代码部分,我认为间隙代码将是:

//Create a scale of a graphic

valueAxis[i] = new AmCharts.ValueAxis();
valueAxis[i].axisColor = colors[i - 1];
valueAxis[i].axisThickness = 2;
valueAxis[i].gridAlpha = 0;
valueAxis[i].offset = i * 20;
chart.addValueAxis(valueAxis[i]);

graphics[i] = new AmCharts.AmGraph();
graphics[i].valueAxis = valueAxis[i];
graphics[i].title = d;
graphics[i].valueField = d;
graphics[i].bullet = "round";
graphics[i].hideBulletsCount = 30;
graphics[i].bulletBorderThickness = 1;
chart.addGraph(graphics[i]);

最佳答案

您必须将 connect 设置为 false:

"connect": false,

请参阅此 fiddle ,其中 "connect": false: http://jsfiddle.net/bs8ow9gr/

同样的代码,带有“connect: true: http://jsfiddle.net/4dd9w2q5/

关于javascript - AmCharts - 如果我加载外部数据,如何在折线图中创建间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40960941/

相关文章:

javascript - 在客户端编译时,Handlebars Uncaught [object Object] 错误

javascript - 如何将 amCharts 合并到 HTML 页面中

javascript - 如何根据 Angularjs 接收到的数据在我的 JSON 对象中创建动态键?

javascript - Amcharts "TypeError: this.chart.zoomToDates is not a function"

javascript - 全尺寸 AmCharts

javascript - 在 d3.json 中使用 d3.csv 组合多个 csv 文件数据输入的最佳方法是什么?

javascript - 我怎样才能用 promise 重写这个?

javascript - 是什么导致错误 "Uncaught TypeError: number is not a function"

javascript - 我在这里正确使用模式匹配吗?

javascript - amCharts 中的实时图表完全刷新