我正在为我的报告仪表板使用高图表(使用 codigniter)。我使用它开发了很多报告。但现在我陷入了深入报告。
在其他报告中,我曾经使用 chart.addSeries({});
andsetCategories.
方法设置数据和类别
这是我为呈现图表而创建的示例之一
function renderChart(categories,report_data)
{
$("#container").height(400);
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Dice v/s Roll'
},
xAxis: {
categories: {}
},
yAxis: {
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}],
title: {
text: 'Time',
margin: 30
}
},
tooltip: { formatter: function () { return '<b>' + this.x + '</b>: ' + this.y + ' views'; } },
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}],
series: {}
});
chart.xAxis[0].setCategories(categories);
chart.addSeries({
name: 'Dice v/s Roll',
data: report_data
});
}
这是完美的工作。我的问题是如何转换
下面的一个它 addSeries 模型。
$(function () {
var colors = Highcharts.getOptions().colors,
categories = ['MSIE','Opera'],
name = 'Browser brands',
data = [{
y: 55.11,
color: colors[0],
drilldown: {
name: 'MSIE versions',
categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
data: [10.85, 7.35, 33.06, 2.81],
color: colors[0]
}
},{
y: 2.14,
color: colors[4],
drilldown: {
name: 'Opera versions',
categories: ['Opera 9.x', 'Opera 10.x', 'Opera 11.x'],
data: [ 0.12, 0.37, 1.65],
color: colors[4]
}
}];
// Build the data arrays
var browserData = [];
var versionsData = [];
for (var i = 0; i < data.length; i++) {
// add browser data
browserData.push({
name: categories[i],
y: data[i].y,
color: data[i].color
});
// add version data
for (var j = 0; j < data[i].drilldown.data.length; j++) {
var brightness = 0.2 - (j / data[i].drilldown.data.length) / 5 ;
versionsData.push({
name: data[i].drilldown.categories[j],
y: data[i].drilldown.data[j],
color: Highcharts.Color(data[i].color).brighten(brightness).get()
});
}
}
是否可以将以下数据值推送到数组中
{
y: 55.11,
color: colors[0],
drilldown: {
name: 'MSIE versions',
categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
data: [10.85, 7.35, 33.06, 2.81],
color: colors[0]
}
}
我正在将 json 格式的数据值从我的 php 脚本发送到该脚本。所以我的数据值是动态的。这就是为什么我想将整个事情添加到数组中。