roseli31的gravatar头像
roseli31 2015-09-21 18:10:34

如何在Highcharts中调用CSV文件实现图表功能?

我现在想用highcharts 简单的调用CSV文件,但是调用出错。
我想要每一条竖的一列作为一个series,但是现在只能做到横的一行作为一series,想请大神帮我改一改。
请大家不要让我修改CSV格式,我是想练习如何竖的读取数据,万分谢谢。
下面的幅图,一个是我错误的图像,应该只有4条线,是以城市分类的。
谢谢,希望大家帮忙!
 
错误的调用的代码:
$.get('container.csv', function(data) {

    var lines = data.split('\n');
    


 $.each(lines, function(lineNo, line) {
        var items = line.split(',');
        var series = {
                data: []
                      };
        
         if (lineNo == 0){
         
            $.each(items, function(itemNo, item) {
                if (itemNo > 0) {
                     series.name = item;
                     series.selected= true;
                }

            });//each items
           }//if line

        else{
       
              $.each(items, function(itemNo, item) {
                if (itemNo == 0) {
                  options.xAxis.categories.push(item);
                } else {
                    series.data.push(parseFloat(item));
                }
            });//each items
           options.series.push(series);
 }//else

  });//each line
var chart = new Highcharts.Chart(options);
});//get
 
 
CSV文件:
Categories,Tokyo,New York,Berlin,London
Jan,7.0,-0.2,-0.9,3.9
Feb,9.5,0.8,0.6,4.2
Mar,14.5,5.7,3.5,5.7 
Apr,18.2,11.3,8.4,8.5 
May,21.5,17.0,13.5,11.9
Jun,25.2,22.0,17.0,15.2
Jul,26.5,24.8,18.6,17.0
Aug,23.3,24.1,17.9,16.6
Sep,18.3,20.1,14.3,14.2
Oct,13.9,14.1,9.0,10.3
Nov,9.6,8.6,3.9,6.6
Dec,7.5,2.5,1.0,4.8

 

如何在Highcharts中调用CSV文件实现图表功能?

所有回答列表(0)
最近浏览
daruan  LV8 2018年4月28日
可汗金斯  LV2 2017年6月7日
sp朱盼  LV16 2016年9月28日
夜雨化清澜  LV1 2016年5月25日
pantlin 2015年11月10日
暂无贡献等级
xusigh  LV1 2015年10月14日
mzhixing  LV1 2015年10月13日
yanquan  LV4 2015年10月9日
122151700  LV2 2015年10月8日
唔知叫咩名  LV20 2015年9月30日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友