首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从文本中获取数据并在Highcharts上绘制

从文本中获取数据并在Highcharts上绘制
EN

Stack Overflow用户
提问于 2013-12-12 11:17:30
回答 1查看 181关注 0票数 0

我有一个包含以下数据的文本文件

PC.json

[{"Category_B":2,0.5,2.5,“数值”:3.2,4.5,0.5,“风速”:.5,5.1,.1,“功率”:0.0,2.5,3.2},{"Category_B":3,1.5,2,“数值”:1.2,2.5,0.5,“风速”:1.5,4.1,2.1,“功率”:0.5,2.5,5,3.2},{"Category_B":1,2.5,1,“数字点”:2.2,3.5,1.5,“风速”:1.5,3.1,2.5,“功率”:4.5,5.5,3.5},{"Category_B":3,1.5,2,“数字点”:1.2,2.5,0.5,“风速”:1.5,4.1,2.1,“功率”:0.5,1.5、2.2}

.

....]

这是jquery代码

代码语言:javascript
复制
 $(document).ready(function() {
    var options = {
        chart: {
            renderTo: 'container',
            type: 'line',
            marginRight: 130,
            marginBottom: 155
        },
        title: {
            text: 'Power',
            x: -20 //center
        },


        yAxis: {
            title: {
                text: 'Kh'
            }

        },
        tooltip: {
            formatter: function() {
                    return '<b>'+ this.series.name +'</b><br/>'+
                    this.x +': '+ this.y;
            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -10,
            y: 100,
            borderWidth: 0
        },
        series: []
    }


     $.getJSON("PC.json", function(json) 
    {

      var len = json.length
     var i=0;
        for(i=0;i<len;i++){
        var x= "POWER";
        var y= json[i]['power'];

            if(i==0){
                options.xAxis.categories = x;
            }else{
                 alert("X==== " + x + " and Y==== " + y); //able to get the power values
               // j = i-1;
                options.series[i] = y;
            }
     }

        chart = new Highcharts.Chart(options);
    });

});  

如何在highcharts中获得功率值和风速值,并将其绘制为两个折线图?

EN

回答 1

Stack Overflow用户

发布于 2013-12-12 17:26:50

Txt文件不是JSON,所以不能正常工作,你能把你的文件作为json / js / csv / xml从你的后端返回吗?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20534397

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档