无法在HighChart中正确绘制x轴

时间:2015-12-01 17:43:43

标签: javascript jquery highcharts

我是highChart的新手,即使遵循文档,我也无法正确绘制x轴。它只标记dateAndTimeArray数组的第一个元素。你能告诉我我在哪里弄错了。这是我的代码。

JSON数组

<ol>

HighChart相关代码

  var jsonObj=[ {
  name:"Nov-10 18:00",
  data:[50],
  type:'column'
},
            {
  name:"Nov-20 20:00",
  data:[60],
  type:'column'
},
            {
  name:"Nov-10 22:00",
  data:[70],
  type:'column'
},
            {
  name:"Nov-12 20:00",
  data:[80],
  type:'column'
}]

DEMO

1 个答案:

答案 0 :(得分:1)

图表正在绘制您要求的内容。你有4个系列的数据。每个系列都有一个数据点。我认为你混淆了series.name和xAxis点。由于您的每个系列只有一个点,因此会将其分配到xAxis.categories中的第一个类别。

然后问题变成: 您想要分类xAxis还是日期时间xAxis?

您的数据会导致分类,但您的xAxis.categories不会与您的series.name条目对齐,而您的xAxis.categories不会按升序排列。您还要设置一个分类的项目列表,但是告诉高层图表您的图表是type: 'datetime'。你需要选一个。

Here是使用分类类型的示例。

Here是使用日期时间类型的示例。