Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript中动态获取饼图值_Javascript_Charts - Fatal编程技术网

在javascript中动态获取饼图值

在javascript中动态获取饼图值,javascript,charts,Javascript,Charts,这是我的饼图js代码: window.onload = function(){ var pieData = [ { value: 300, color:getRandomColor(), highlight: "#62b9fb", }, {

这是我的饼图js代码:

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调用的示例。