【问题标题】:Using an array for data in highcharts在 highcharts 中使用数组存储数据
【发布时间】:2015-01-30 08:18:48
【问题描述】:

因此,当在高位图表中使用我想要的数据时,我可以直接输入它并且它可以工作:

$(function () {
    $('#container').highcharts({
        title: {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Tokyo',
            data: [0.818883519277839, 0.8118310020160356, 0.8292750491048191, 0.8207364844853503, 0.8187873450691459, 0.8098962769401326, 0.8060550491107373, 0.7960675107192992, 0.7798022181293245, 0.7747131667969733, 0.77704753581292, 0.780881503288139, 0.7808802272036436, 0.7828232760186384, 0.7745154579263632, 0.7858447215087305, 0.7903196602781966, 0.7904203695573747, 0.7842096993261638, 0.7736738976551895]
        }]
    });
});

但是,当我尝试用一​​个遍历我的数组的 for 循环替换它时,它不起作用。有没有合适的方法使用数组来存储数据?

例如:

myArray = [0.818883519277839, 0.8118310020160356, 0.8292750491048191, 0.8207364844853503, 0.8187873450691459, 0.8098962769401326, 0.8060550491107373, 0.7960675107192992, 0.7798022181293245, 0.7747131667969733, 0.77704753581292, 0.780881503288139, 0.7808802272036436, 0.7828232760186384, 0.7745154579263632, 0.7858447215087305, 0.7903196602781966, 0.7904203695573747, 0.7842096993261638, 0.7736738976551895]

然后

       series: [{
            name: 'Tokyo',
            data: myArray,
        }]

谢谢!

【问题讨论】:

  • 看起来应该可以了。你能在 jsfiddle 中重现问题吗?
  • 在控制台中检查您的错误(浏览器中的开发人员工具)。让我知道您是使用 json 获取数据还是仅是外部数组?

标签: javascript arrays charts highcharts


【解决方案1】:

你的 y 轴值是多少?

此外,必须对 x 轴的数据进行越来越多的排序才能使 highcharts 正常工作。检查您的控制台,看看是否有 Sebastian 所述的任何错误。

【讨论】:

    【解决方案2】:

    它应该按照您尝试的方式工作。 见小提琴:http://jsfiddle.net/c4arw1se/

    series: [{
            name: 'Tokyo',
            data: myArray
        }]
    

    你能发布你用来生成数据数组的函数吗?

    【讨论】:

      猜你喜欢
      • 2020-03-06
      • 2013-06-25
      • 1970-01-01
      • 2011-05-03
      • 2020-08-05
      • 1970-01-01
      • 1970-01-01
      • 2013-06-24
      • 1970-01-01
      相关资源
      最近更新 更多