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

Question

我将 ZingCharts 用于我的仪表板图表，但我被这个问题困住了。我做了一个codepen来展示我的问题。我得到了字符串数组，这些字符串表示某些任务的平均响应时间（以小时为单位），我无法弄清楚为什么我的图表从不显示数组的第一个字符串值，正如您在 codepen 上看到的那样。

这里我也 post 我的 angular 这个图表的函数

 //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

Answer 1

所以我用 moment.js 和这个函数

解决了我的问题

moment.duration("your string represent time").asHours()

我存储到数组$scope.avg_respondTime

希望它对以后的人有所帮助。

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

ZingChart bar chart doesn't show first string value from array

zingchart