作为JSON的Highcharts系列数据不会渲染

时间:2016-10-20 16:31:31

标签: javascript highcharts

我有一个'样条' HighChart工作但希望在工具提示中添加更多数据,因此希望使用具有xy语法的JSON对象来进一步填充此对象

最初我使用的格式为:

{
  name: 'Series 1',
  data: [[x,y],[x,y],[x,y]]
}

这很好,但是改为:

{
  name: 'Series 1',
  data: [{x: xVal, y: yVal},{x: xVal, y: yVal},{x: xVal, y: yVal}]
}

已停止我的图表工作。在这里使用小提琴:https://jsfiddle.net/xbL65gqn/此语法似乎有效。什么可能导致它不起作用?

参考继承人我的highcharts配置:

{
chart: {
  type: 'spline',
  backgroundColor: 'transparent',
  style: {
    color: FONT_COLOR
  }
},
credits: { enabled: false },
plotOptions: {
  series: {
    marker: { enabled: false }
  }
},
legend: { enabled: false },
series: series,
title: {
  text: '',
  labels: {
    style: {
      color: FONT_COLOR
    }
  }
},
tooltip: {
  crosshairs: {
    dashStyle: 'solid'
  }
},
xAxis: {
  type: 'datetime',
  labels: {
    style: {
      color: FONT_COLOR
    }
  }
},
yAxis: {
  title: {
    text: 'Uplift',
    textAlign: 'right',
    rotation: 0,
    style: {
      color: FONT_COLOR
    },
    y: -174,
    x: 34
  },
  max: maxLabel,
  min: -maxLabel,
  showLastLabel: false,
  labels: {
    formatter: function () {
      return this.value + '%'
    },
    style: {
      color: FONT_COLOR
    }
  }
}

1 个答案:

答案 0 :(得分:0)

我自己解决了这个问题。在计算min轴上的maxy时,我使用系列数据通过获取seriesData[1]y coord)来查找它们并且没有'在将结构更改为JSON对象时将此解释为

因此,min轴上的maxyNaN