创建具有分布曲线的直方图，其中曲线系列大于bin系列

Question

我想在Highcharts中创建一个直方图。 bin系列有大约8个元素。分布曲线的系列有大约200个元素。由于Highcharts从系列中的元素数量推断出xAxis，因此xAxis延伸到200.如何使曲线系列适合xAxis上的bin系列？

Answer 1

我建议使用2 x轴。它比试图使点在单个轴上匹配容易得多。

在此处查看我的example：

http://jsfiddle.net/FnhRV/19/

Answer 2

好吧，首先我建议熟悉Highcharts文档/教程。与this one一样。

通常，您可以管理点之间的距离，称为pointInterval，例如：http://jsfiddle.net/Dd9Py/1/

当你有8列时，在xAxis上你应该有比例 - 根据值[x，y]的值。

另一个解决方案是使用两个不同的xAxis，一个用于列，一个用于样条。示例：http://jsfiddle.net/Dd9Py/2/

Answer 3

看看这个jsFiddle。我注意到的是你的xAxis是线性的 - 意味着每个点都是连续绘制的。所以，由于你的bar系列只有8个点，所以他们在前8个位置被绘制。您的曲线包含200个点，也是先到先得的。您需要链接xAxis以便链接每个系列。您的xAxis增量/类别是什么？