Question

希望这是一个简单的问题。

我在Django中使用Highcharts通过chartit并且可以使我的大部分图表工作（临时和时间）。我现在试图将值随时间变为ON和OFF。似乎highcharts无法解释Y轴（ON和OFF）中的字符串。有没有办法让它使用这些值？

我已尝试在chart_option部分使用类似的内容。

'yAxis': {
                'categories': ['ON', 'OFF'], 
                 'title': {'text': 'Status'}}

非常感谢！

Answer 1

Point的y坐标系列'数据必须是数字，因此您必须处理数据以使其具有所需的格式。最好是做这个服务器端并为JS提供适当的数据，但如果不可能，那么你可以用JS处理数据。

$(function() {
  var data = ['ON', 'OFF', 'OFF', 'ON'],
    processedData = [];
  Highcharts.each(data, function(point) {
    processedData.push(point === 'ON' ? 1 : 0);
  });

  $('#container').highcharts({
    'yAxis': {
      'categories': ['ON', 'OFF'],
      'title': {
        'text': 'Status'
      }
    },
    series: [{
      data: processedData
    }]
  });
});

示例：http://jsfiddle.net/ptu6qhjy/

Highcharts - 随着时间的推移开启和关闭

1 个答案: