javascript - 如何在 HighCharts 的两个图表中同时拥有年份和字符串格式的 x 轴？

Question

我在 HighCharts 中添加两个图表时遇到问题:一个只有几十年，另一个具有相同的十年，但也有“第一年”等类别。这两个图表似乎无法放在同一张图表上。

我收到 HighCharts 错误 #19:刻度太多。

这是我的类别:

categories: ["RNV-A", "RNV-B", "RNV-C", "RNV-D", 
"RNV-E", "RNV-F", "RNV-G", "RNV-H", 
"RNV-I", "P.I.", "1910", "1920", 
"1930", "1940", "1950", "1960", 
"1970", "1980", "1990", "2000", 
"2010", "2020", "2030", "2040", 
"2050", "2060"],

以及包含所有类别的值:

[40.510191198250766, 40.510191198250766, 40.510191198250766, 40.510191198250766, 40.510191198250766, 40.510191198250766, 40.510191198250766, 40.510191198250766, 40.510191198250766, 40.510191198250766, 42.44299597201156, 41.351219164431505, 39.776804170262345, 38.248217460058335, 36.702829971428535, 35.069195968318716, 33.79982485286693, 33.098321602721086, 32.828589353935875, 32.47115630145776, 32.06982734169106, 31.421843607968913, 30.92053153916419, 30.528508779591846, 30.199389512342062, 29.806527065694834]

而且只有几十年:

[{"y": 54592.30356899987, "x": "1910"}, {"y": 53188.00565025002, "x": "1920"}, {"y": 51162.91436399994, "x": "1930"}, {"y": 49196.769708000036, "x": "1940"}, {"y": 47209.01505074996, "x": "1950"}, {"y": 45107.75331424995, "x": "1960"}, {"y": 43475.02471700008, "x": "1970"}, {"y": 42572.71616149999, "x": "1980"}, {"y": 42225.77305650002, "x": "1990"}, {"y": 41766.024792750046, "x": "2000"}, {"y": 41249.815418250124, "x": "2010"}, {"y": 40416.34634075002, "x": "2020"}, {"y": 39771.53369224994, "x": "2030"}, {"y": 39267.29441775001, "x": "2040"}, {"y": 38843.964760249975, "x": "2050"}, {"y": 38338.64543824998, "x": "2060"}]

这是一个有两个按钮的 jsfiddle:第一个添加所有类别数据集，第二个添加仅涵盖几十年的数据集:

http://jsfiddle.net/bozdoz/R82T3/

我尝试添加tickPixelInterval，如错误页面所示:http://www.highcharts.com/errors/19

我也尝试添加 min、minTickInterval、maxTickInterval、tickInterval。我还尝试调整 plotOptions.series.pointInterval:

http://api.highcharts.com/highcharts#plotOptions.series.pointInterval

我似乎无法将这些图表放在一起。 我认为因为它将几十年转换为日期时间，但它不会将字符串作为 x 轴值的数据集转换。

如有任何帮助，我们将不胜感激。谢谢。

问题

我无法将两个数据集放到同一个图表上。它似乎无法拥有一个为几十年的数据集，另一个为几十年和字符串的混合数据集。我该如何解决这个问题？

Answer 1

数据不是通过名称与类别相对应，而是通过数组索引与类别相对应。

因此，对于类别数组，“RNV-A”的 x 值为 0。“RNV-B”为 1，“RNV-C”为 2，依此类推。