javascript - 具有单一数据的 Highcharts 面积图，不渲染

Question

我有一个包含三个系列的面积图，x 轴是“日期类型”，当每个系列中只有数据时，x 和 y 轴上的标签按预期显示，但绘图点丢失。不能指望一个数据的填充区域，但甚至连绘图点都丢失了。“minRange”属性已设置，因此标签显示数据中的日期。这是预期的还是需要设置属性才能查看绘图点。

fiddle 链接在这里 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]
  ]
}]
 });
});

Answer 1

其实数据是渲染出来的，但是你看不到，因为正常情况下该点的标记半径为0，鼠标悬停在上面时可以看到。

发生这种情况是因为您禁用了标记并为其启用了悬停。

要使点可见，请将其打开。

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

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

希望对您有所帮助。