Javascript 使用分布曲线创建直方图，其中曲线系列大于bin系列

我想在Highcharts中创建一个直方图。bin系列大约有8个元素。分布曲线的系列大约有200个元素。由于Highcharts根据系列中的元素数推断xAxis，因此xAxis延伸到200。如何使曲线系列与xAxis上的bin系列相匹配？

看看这个。我注意到，您的

xAxis

是线性的，这意味着每个点都是连续绘制的。因此，由于您的

条形图

系列只有8个点，因此它们被绘制在前8个位置。您的曲线包含200个点，并绘制为先到先得。您需要链接xAxis，以便链接每个系列。您的xAxis增量/类别是什么？

首先，我建议您熟悉Highcharts文档/教程。喜欢

通常，您可以管理点之间的距离，它被称为

pointInterval

，例如：

当您有8列时，在xAxis上您应该根据[x，y]对值进行缩放

---

另一种解决方案是使用两个不同的X轴，一个用于柱，一个用于样条线。示例：

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

请参见我的

示例

：

---

您是否看到这样的回答：？是的，如果系列的大小相等，那么我就不会有这个问题。分布曲线之所以如此大，是因为它比只有8个点的系列定义的曲线要好得多。但是，如果xAxis值在相同的比例上，它应该仍然适合。您可能需要在没有匹配数据的情况下为xAxis点的箱子设置零位/零位，以便2个系列使用相同的刻度。你能安排一个代理人吗？是的，我能。我目前正在通过一个web服务通过ajax请求获取数据。我可以用硬编码系列设置一个示例。更新的JSFIDLE:。您只需要告诉它是什么框架（我选择了jQuery），还需要包括对highcharts的引用。作为更复杂的Ajax请求的一部分，类别由从请求返回的bin对象数组的一部分定义。