在javascript中动态获取饼图值
这是我的饼图js代码:在javascript中动态获取饼图值,javascript,charts,Javascript,Charts,这是我的饼图js代码: window.onload = function(){ var pieData = [ { value: 300, color:getRandomColor(), highlight: "#62b9fb", }, {
window.onload = function(){
var pieData = [
{
value: 300,
color:getRandomColor(),
highlight: "#62b9fb",
},
{
value: 50,
color: "#ffb53e",
highlight: "#fac878",
},
{
value: 100,
color: "#1ebfae",
highlight: "#3cdfce",
},
{
value: 120,
color: "#f9243f",
highlight: "#f6495f",
}
];
var chart4 = document.getElementById("pie-chart").getContext("2d");
window.myPie = new Chart(chart4).Pie(pieData, {
responsive : true
});
};
我正在使用javascript插件。我的饼图它可以工作,但它的值是静态给出的。我相信我必须使用ajax,这不是问题。我的问题是如何在解码json后创建piedata数据格式,以及如何创建颜色?我必须随机生成颜色吗?你能帮我吗 也许我不完全理解你的问题;但是
var colors = Highcharts.getOptions().colors, // references stock colors defined in highcharts.js
categories = ['MSIE', 'Firefox', 'Chrome', 'Safari', 'Opera'],
name = 'Browser brands',
data = [{
y: 55.11,
color: colors[0], // references stock color highcharts.js from color array
drilldown: {
name: 'MSIE versions',
categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'], // JS data arrays
data: [10.85, 7.35, 33.06, 2.81], // data areas
color: colors[0] // references stock color highcharts.js color array
}
},
对于自定义颜色,除了通过highcharts.js提供的选择之外,请下载完整的js。在那里找到颜色数组,并通过十六进制定义自己的颜色数组并调用它们
如果需要从特定位置提取数据,则需要指定
带有图表的AJAX调用示例:
var GetChartData = function () {
$.ajax({
url: serviceUri,
method: 'GET',
dataType: 'json',
success: function (d) {
chartData = {
labels: d.AxisLabels,
datasets: [
{
颜色很容易。。但是如果您不想用javascript创建数据,那么您的数据来自哪里?您想从哪里提取数据?我想从dbokk提取数据。。。。什么样的数据库,它来自哪里?它是mysql,来自一个名为diagnosis的表,但这并不重要。我的问题是,在我解码jsonwell后,我如何生成数据。你的小提琴里有很多东西,但我的数据来自db,我没有看到任何ajax,这太模糊了,伙计。。。一分贝?api?从microsoft access,我不知道你在做什么..只是给了你一个ajax调用的示例。