将Highcharts与Rails 6一起使用

Question

我有一个正在使用Highcharts的Rails 6应用程序。目前，我使用的是普通JavaScript，然后，当我完全掌握所需图表时，我将过渡到highchart宝石。除了两件事外，我几乎完全按照我希望的方式绘制了图表：

1. 如何为散点图使用两种不同的颜色？
2. 我怎样才能将图表平分两条线？

目前，我的数据只是一个硬编码的数组，就像这样：[[3, 5], [7, 3], [22, 10], [35, 35], [10, 5], [10, 7]]。我想将数组分成两部分，并使用两种不同的颜色作为散点图上的点。

对于这些行，我只想在点50的y轴上显示一条线（我的y轴从0到100），而在点100的x轴上显示一条线（我的x轴从0到200）。目前，我在点0上都有两条线。

Answer 1

1. 将您的数据分成两个系列，并为其设置单独的颜色。

2. 将两个轴的gridLineWidth设置为0，并在plotLines处添加线。

---

chart: {
    type: 'scatter',
},
yAxis: {
    min: 0,
    max: 100,
    gridLineWidth: 0,
    plotLines: [{
        value: 50
    }]
},
xAxis: {
    min: 0,
    max: 200,
    gridLineWidth: 0,
    plotLines: [{
        value: 100
    }]
},
series: [{
    color: 'red',
    data: [
        [3, 5],
        [7, 3],
        [22, 10]
    ]
}, {
    color: 'blue',
    data: [
        [35, 35],
        [10, 5],
        [10, 7]
    ]
}]

---

实时演示： http://jsfiddle.net/BlackLabel/vm9Lrgds/

API参考： https://api.highcharts.com/highcharts/xAxis.plotLines