javascript - 如何在HighCharts中设置x轴上的区间点？

Question

我有一个气泡图，想将 x 轴上的间隔点设置为预定义的列表。例如，列表是 [90, 100, 103, 108, 110, 112, 116, 120]。这是我的代码:

jQuery("#center_col_wrapper").highcharts({

chart: {
  type: 'bubble'
},

title: {
text: 'Highcharts Bubbles'
},
xAxis: {
allowDecimals: false,
title: {
  text: "BUBBLE CHART"
},

categories: ['90', '100', '110']
},
yAxis: {
title: {
  text: ""
},
labels: {
  enabled: false
}
},
series: [
{
  name:"S1", data: [[100,10,87]]
}, 
{
  name:"S2", data: [[100,11,87]]
},
{
  name:"S3", data: [[110,12,87]]
},
{
  name:"S4", data: [[110,13,87]]
}
]

});

这是我的 jsfiddle:http://jsfiddle.net/mLP7U/

Answer 1

你可以指定

minTickInterval: 10,
min: 90,

在您的 xAxis 配置中。

参见 http://api.highcharts.com/highcharts#xAxis.min

和http://api.highcharts.com/highcharts#xAxis.minTickInterval

对这些项目的解释。这将使 x 轴上只显示 90、100 和 110 标签