Javascript 如何用海图制作坐标平面(象限)图?

Javascript 如何用海图制作坐标平面(象限)图?,javascript,highcharts,Javascript,Highcharts,当我发现Highchart没有任何坐标平面图时,我真的很沮丧 我试过使用气泡图,但有时会变得复杂 为什么highchart没有这个简单的图表?您必须更具体地说明您遇到的问题。但这可能会让你走上正确的道路: Highcharts生成的大多数图表都使用您所指的同一坐标平面。一切都是根据x和y坐标绘制的 scatter系列类型是您所做工作的逻辑选择 你需要偏移你的轴-你必须自己做一点数学,来确定绘图区域的大小,以及偏移它们的距离-但这只是从图表尺寸中减去你的边距 查看轴的偏移属性: xAxis:

当我发现Highchart没有任何坐标平面图时,我真的很沮丧

我试过使用气泡图,但有时会变得复杂


为什么highchart没有这个简单的图表?

您必须更具体地说明您遇到的问题。但这可能会让你走上正确的道路:

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

  • scatter
    系列类型是您所做工作的逻辑选择

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

查看轴的
偏移
属性:

xAxis: {
  offset: -175,
  ...
}
然后您只需将数据绘制为
[x,y]

例如:


我只能写和以前一样的东西:jsfiddle.net/c70zfugw/8?只需设置
x/yAxis.min/max
选项。您可以在绘制图表之前计算这些值。@jibriggs该死的,谢谢,非常喜欢您这样做。@jibriggs我有两个点,A B。我如何使点A始终居中?B和4个选项中的任意一个quadrant@TanvirAlam我想我不明白这个问题。如果点的x和y值为0,则该点将居中。如果点具有任何其他x和y值,则该点将位于四个象限中的任何象限内。