Highcharts区域图表包含单个数据,而不是渲染

时间:2014-06-13 07:32:57

标签: javascript highcharts

我有一个三个系列x轴的面积图是'datetype',当每个系列中只有数据时,x和y轴上的标签按预期显示,但是缺少绘图点。不能指望一个数据的填充区域,但甚至缺少绘图点。 'minRange'属性已设置,因此标签显示数据的日期。 这是预期的还是有一个属性需要设置才能看到绘图点。

这里的小提琴链接http://jsfiddle.net/bM9j9/6/

$(function () {
 $('#container').highcharts({
 chart: {
  type: 'area'
},
title: {
  text: 'Area chart'
},
xAxis: {
  type: 'datetime',
  minRange: 864e5
},
yAxis: {
  min: 0
    //tickInterval: 0.5,
    //minRange: 0.5
},
credits: {
  enabled: false
},
plotOptions: {
  area: {
    stacking: 'normal',
    marker: {
      enabled: false,
      symbol: 'circle',
      radius: 2,
      states: {
        hover: {
          enabled: true
        }
      }
    }
  }
},
series: [{
  name: 'Open',
  data: [
    [Date.UTC(2010, 0, 3), 120]
  ]
}, {
  name: 'Closed',
  data: [
    [Date.UTC(2010, 0, 3), 60]
  ]
}, {
  name: 'Accepted',
  data: [
    [Date.UTC(2010, 0, 3), 89]
  ]
}]
 });
});

1 个答案:

答案 0 :(得分:2)

实际上数据是渲染的,但你看不到它,因为正常状态下该点的标记半径为0,但是当你的鼠标悬停在它上面时它将是可见的。

这种情况正在发生,因为您已禁用标记并已启用了鼠标悬停。

要获得可见点,请将它们打开。

plotOption: {
    area:{
        marker: {
            enabled: true,
-----continue with other properties----
        }
    }
}

在这里更新了你的小提琴:http://jsfiddle.net/bM9j9/7/

希望这会对你有所帮助。