尝试读取CSV数据时出现错误#14_Csv_Highcharts

尝试读取CSV数据时出现错误#14

csv highcharts

尝试读取CSV数据时出现错误#14,csv,highcharts,Csv,Highcharts,我正在尝试将Highcharts与以下代码一起使用 <html> <head> <script type="text/javascript" src="/scriptaculous/lib/prototype.js"></script> <script type="text/javascript" src="../../Js/prototype-adapter.js"></script> <sc

我正在尝试将Highcharts与以下代码一起使用

<html>
<head>
    <script type="text/javascript" src="/scriptaculous/lib/prototype.js"></script>
    <script type="text/javascript" src="../../Js/prototype-adapter.js"></script>
    <script type="text/javascript" src="../../Js/highcharts.js"></script>
    <script type="text/javascript" src="../../Js/modules/data.js"></script>
</head>
<body>
<div id='gfx' style="width:1024px; min-width: 310px; height: 400px; margin: 0 auto"></div>
<pre id='csv'>Production,Duration
2014-10-27,2866,08.50
2014-10-28,6471,09.20
2014-10-29,7609,09.25
2014-10-30,7552,09.11
</pre>
<script type="text/javascript">
    var chart = new Highcharts.Chart({
        chart: {
            type: 'spline',
            renderTo: 'gfx'
        },
        title: {
            text: 'Daily statistics'
        },
        xAxis: {
            type: 'date'
        },
        yAxis: [
            {
                title: { text: 'Watt hours' }
            },
            {
                title: { text: 'Hour.Minutes' },
                opposite: true
            }
        ],
        data: {
            csv: document.getElementById('csv').innerHTML,
            firstRowAsNames: false
        },
        series:[]
    });
</script>

</body>
</html>


制作、持续时间
2014-10-27,2866,08.50
2014-10-28,6471,09.20
2014-10-29,7609,09.25
2014-10-30,7552,09.11
var图表=新的Highcharts.图表({
图表：{
类型：“样条线”，
renderTo:“gfx”
},
标题：{
正文：“每日统计”
},
xAxis：{
键入：“日期”
},
亚克斯：[
{
标题：{文本：'瓦特小时'}
},
{
标题：{text:'Hour.Minutes'}，
相反：对
}
],
数据：{
csv:document.getElementById（'csv'）.innerHTML，
firstRowAsNames:false
},
系列：[]
});

但海查茨提出了一个错误#14。我尝试将浮点值更改为整数和/或使用dateFormat:强制使用日期格式，但都失败了

那么，我的错误在哪里

谢谢

劳伦特

这里有几件事：

您的csv具有标题，并且您已将firstRowAsNames设置为false

您的csv标题行中有2项，您需要3项

没有“日期”xAxis类型。是“约会时间”

你并不是在告诉海图你想让你的第二个系列对应你的第二个雅克斯

我使用jquery而不是将其更改为原型，但同样的代码也可以工作

<pre id="csv" style="display:none">Date,Production,Duration
2014-10-27,2866,08.50
2014-10-28,6471,09.20
2014-10-29,7609,09.25
2014-10-30,7552,09.11</pre>


var chart = new Highcharts.Chart({
    chart: {
        type: 'spline',
        renderTo: 'gfx'
    },
    title: {
        text: 'Daily statistics'
    },
    xAxis: {
        type: 'datetime'
    },
    yAxis: [{
        title: {
            text: 'Watt hours'
        }
    }, {
        title: {
            text: 'Hour.Minutes'
        },
        opposite: true
    }],
    data: {
        csv: document.getElementById('csv').innerHTML,
        firstRowAsNames: true
    },
    series: [{
        yAxis: 0
    }, {
        yAxis: 1
    }]
});

日期、生产、持续时间
2014-10-27,2866,08.50
2014-10-28,6471,09.20
2014-10-29,7609,09.25
2014-10-30,7552,09.11
var图表=新的Highcharts.图表({
图表：{
类型：“样条线”，
renderTo:“gfx”
},
标题：{
正文：“每日统计”
},
xAxis：{
键入：“日期时间”
},
亚克斯：[{
标题：{
文字：“瓦时”
}
}, {
标题：{
文字：“小时。分钟”
},
相反：对
}],
数据：{
csv:document.getElementById（'csv'）.innerHTML，
firstRowAsNames:true
},
系列：[{
雅克斯：0
}, {
亚克斯：1
}]
});