ZingChart条形图不显示数组中的第一个字符串值

时间:2017-02-05 16:21:58

标签: zingchart

我在仪表板图表中使用了ZingCharts,我对这个问题很感兴趣。我做了一个codepen来显示我的问题。我得到的字符串数组代表了几小时内某些任务的平均响应时间,我无法弄清楚为什么我的图表永远不会显示数组的第一个字符串值,就像你在codepen上看到的那样。

此处我还发布了此图表的角度函数

 //bar chart with average task time respond
        $scope.avgRespondTaskTime = {
            gui: {
                contextMenu: {
                    empty: true,
                }

            },
            type: 'bar',
            legend: {
                //width: "100%",
                layout: "center",
                position: "50%",
                margin: "0px 0px 0px 0px",
                borderColor: "transparent",
                backgroundColor: "transparent",
                marker: {
                    borderRadius: 10,
                    borderColor: "transparent"
                }
            },
            tooltip: {
                text: "%v hours"
            },
            "scale-x": {
                "label": { 
                    "text": "Project name",
                },
                "labels": projectNames
            },

            "scale-y": {
                "label": { 
                    "text": "Average Time",
                },
            },
            series: [
             {
                 text: "Completed in Time",
                 values: $scope.avg_respondTime,
                 backgroundColor: "#00a65a"
             },            
            ]
        };

https://codepen.io/spsrulez/pen/ygEvNg

1 个答案:

答案 0 :(得分:2)

所以我使用这个函数

解决了使用moment.js的问题

b

我存储在数组moment.duration("your string represent time").asHours()

希望将来帮助某人。