如何用Highchart制作坐标平面（象限）图形？

Question

我非常沮丧地发现Highchart没有任何坐标平面图。

我尝试使用气泡图，但在某些时候它变得复杂了。

为什么高图没有这个简单的图表？

Answer 1

您必须更加具体地了解您遇到的问题。但这可能会让你走上正确的道路：

• Highcharts生成的大多数图表使用您引用的相同坐标平面。一切都是根据x和y坐标绘制的。

• scatter系列类型是您正在做的事情的合理选择。

• 你需要偏移你的轴 - 你必须自己做一些数学运算，确定你的绘图区域的大小，以及抵消它们的距离 - 但这只是从你的图表尺寸中减去你的边距。

查看轴的offset属性：

xAxis: {
  offset: -175,
  ...
}

• http://api.highcharts.com/highcharts#xAxis.offset

然后您只需将数据绘制为[x,y]对。

示例：

• http://jsfiddle.net/jlbriggs/tn5a2guc/