使用xml对数据进行预处理,以生成高级图表
我在将xml文件处理到highchart时遇到了一些问题 这是我的XML文件结构使用xml对数据进行预处理,以生成高级图表,xml,highcharts,Xml,Highcharts,我在将xml文件处理到highchart时遇到了一些问题 这是我的XML文件结构 <root> <Chart> <MTH>01</MTH> <SUM_CA_>6.78</SUM_CA_> </Chart> <Chart> <MTH>02</MTH> <SUM_CA_>6.78</SUM_CA_> </Chart> <Ch
<root>
<Chart>
<MTH>01</MTH>
<SUM_CA_>6.78</SUM_CA_>
</Chart>
<Chart>
<MTH>02</MTH>
<SUM_CA_>6.78</SUM_CA_>
</Chart>
<Chart>
<MTH>03</MTH>
<SUM_CA_>6.84</SUM_CA_>
</Chart>
结果应该是将sum_ca推到级数,将MTH推到x轴。
但我不知道为什么图表不显示它。请帮我个忙。我被困在这里已经很久了 在数据中,您应该有一个点数组,如果是单点。第二条线索是,点必须是数字而不是字符串。尝试使用类似以下内容:data:[parseFloat($(图表).find('SUM_CA_').text())]谢谢您的评论。但是现在我有另一个关于xml文件位置的问题。xml文件是否应该放在jsp的同一文件夹中?因为我想我现在无法读取xml文件。它不是必需的,它需要在存在的地方,所以请注意正确的url/引用。谢谢兄弟!我已经设法显示图表了!
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Collective Assessment'
},
xAxis: {
title:{
text:'Month'
},
categories: []
},
yAxis: {
title: {
text: 'Persentage of Default'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
series: []
};
$.get('MonthlyCollectiveAssessment.xml', function(xml) {
// Split the lines
var $xml = $(xml);
// push categories
$xml.find('Chart').each(function() {
options.xAxis.categories.push($(Chart).find('MTH').text());
});
// push series
$xml.find('Chart').each(function() {
var seriesOptions = {
data: $(Chart).find('SUM_CA_').text()
};
// add it to the options
options.series.push(seriesOptions);
});
var chart = new Highcharts.Chart(options);
});
});