我只有一个系列的数据要显示在柱形图上。一个星期几的数字。
data.csv 1,6,7,3,6,15,9
我想显示为条形图:
$(document).ready(function() {
$.get('data.csv', function (csv) {
$('#container').highcharts({
title: {
text: 'Daily Usage'
},
chart: {
type: 'column'
},
xAxis: {
categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
title: {
text: 'Hours'
}
},
labels: {
items: [{
style: {
left: '50px',
top: '18px',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'black'
}
}]
},
series: [{
type: 'column',
name: 'Day',
data: {
csv: csv
}
}, {
type: 'spline',
name: 'Average',
data: [1, 16, 3, 6.33, 10, 3, 5],
marker: {
lineWidth: 2,
lineColor: Highcharts.getOptions().colors[3],
fillColor: 'white'
}
}
]
});
});
});
该图不呈现。它是空白。标题在那里。
您可以将csv值放入数组中,然后使用JSON解析这些值。例子,
series: [{
name: 'Day',
data: JSON.parse("[" + s1 + "]") // s1 contains the csv values
]}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句