将项目传递到数组并保持格式?

苏兹德

我正在尝试做一个像这样的深入图表http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-drilldown /,我非常接近,但是我正在尝试将我的商品输出循环到一个数组中,并获得与演示明细表相同的格式,但是似乎只能在每个循环中获取最后一组商品。如何保持相同的格式并将其传递到数组中?https://jsfiddle.net/pwbz0mxy/

chart_user_hours = {
        chart: {
            type: 'column',
            renderTo: 'hours_chart_container'
        },
        xAxis: {
            type: 'category'
        },
        yAxis: {
            title: {
                text: 'Total Hours'
            }
        },
        legend: {
            enabled: false
        },
        plotOptions: {
            series: {
                borderWidth: 0,
                dataLabels: {
                    enabled: true,
                    format: '{point.y:.2f}'
                }
            }
        },

        tooltip: {
            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> of total<br/>'
        },
        series: [],
        drilldown: {
            series: []
        }
    };

data = '{"comparison":false,"title":"User Capacity Breakdown | January 2016 to July 2016","series":{"name":"User Hours Breakdown ","colorByPoint":true,"data":{"series":{"data":[{"name":"test","y":10,"drilldown":"test"},{"name":"test","y":154,"drilldown":"test"},{"name":"Large Move","y":29,"drilldown":"Large Move"},{"name":"Invoice 78554","y":20,"drilldown":"Invoice 78554"},{"name":"Small Move*","y":13,"drilldown":"Small Move*"}]}}},"drilldown":{"drilldown":{"series":[{"name":"test","id":"test","work_date":["2016-06-10"],"data":[10]},{"name":"test","id":"test","work_date":["2016-07-11","2016-07-10","2016-07-08","2016-07-06"],"data":[37,51,44,22]},{"name":"Large Move","id":"Large Move","work_date":["2016-07-04","2016-07-05","2016-07-08","2016-07-11"],"data":[9,8,7,5]},{"name":"Invoice 78554","id":"Invoice 78554","work_date":["2016-06-14","2016-06-24"],"data":[10,10]},{"name":"Small Move*","id":"Small Move*","work_date":["2016-06-30","2016-06-03"],"data":[3,9]}]}}}';

var obj = $.parseJSON(data);

            chart_data = typeof obj.series.data.series != 'undefined' ? obj.series.data.series.data : '';

            chart_user_hours['series'] = [{
                name: obj.series.name,
                data: chart_data
            }];

            $.each(obj.drilldown.drilldown.series, function( key, value ) {
                chart_user_hours['drilldown']['series'] = [{
                    name: value.work_date,
                    id: value.id,
                    data: value.data
                }];
            });

                        var chart_hours = new Highcharts.Chart(chart_user_hours);
验证科学

您要替换chart_user_hours['drilldown']['series']循环每次的值所以实际上它必须看起来像这样:

声明数组–循环之前

chart_user_hours['drilldown']['series'] = [];

使用push数组函数在数组末尾添加值-In Loop

chart_user_hours['drilldown']['series'].push({
       name: value.work_date,
       id: value.id,
       data: value.data
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法将JSON数组传递到数组

来自分类Dev

无法将JSON数组传递到数组

来自分类Dev

溢漏句子到单词数组保持格式

来自分类Dev

将数组从URL传递到javascript

来自分类Dev

将变量传递到YAML数组

来自分类Dev

将多维数组从JavaScript传递到ServiceStack

来自分类Dev

将数组从php传递到Smarty .tpl

来自分类Dev

将数组传递到Google图表

来自分类Dev

将数组从Angular传递到php

来自分类Dev

将数组传递到块中

来自分类Dev

将数组传递到树枝中的包含

来自分类Dev

将数组从EJS传递到Javascript

来自分类Dev

将大型数组从MainWindow传递到QDialogs

来自分类Dev

将多维数组从PHP传递到JavaScript

来自分类Dev

将变量传递到YAML数组

来自分类Dev

将数组从php传递到Smarty .tpl

来自分类Dev

将数组传递到Google图表

来自分类Dev

PHP将变量传递到数组

来自分类Dev

将多维数组从JavaScript传递到ServiceStack

来自分类Dev

将数组从Java传递到VBScript

来自分类Dev

将数组从Ajax传递到PHP

来自分类Dev

将数组从JavaScript传递到PHP

来自分类Dev

无法将数组从php传递到js

来自分类Dev

将数组从 tableview 传递到 tableview

来自分类Dev

将元素从数组传递到链表

来自分类Dev

Python 将数组从函数传递到函数

来自分类Dev

将参数从Visual Studio项目模板传递到生成的项目

来自分类Dev

将代码复制到Word文档中并保持格式

来自分类Dev

将数据从刀片传递到Vue,并使父子保持同步?