Javascript 删除0'；从chart.js中条形图的x轴开始的s（零）

对于x轴上的零值（一月到五月），我只想显示

0

。下面的代码用于绘图。有什么帮助/建议吗

$scope.showChart = function (finalLabels, finalDatasets, finalTitle, plotType,dateRange) {

    var ctx = document.getElementById("chart").getContext('2d');
    var plotConfig = {

        type: plotType,
        data: {
            labels: finalLabels,
            datasets: finalDatasets
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            layout: {
                padding: {left: 0, right: 0, top: 10, bottom: 0}
            },
            plugins: {
                labels: {
                    render: 'value',
                    fontSize: 10,

                }
            },
            legend: {
                display: false,
                labels: {
                    fontSize: 10,
                    boxWidth: 35
                }
            },
            scales: {
                xAxes: [{
                    ticks: { autoSkip: false,fontSize:10
                    }
                }],
                yAxes: [{
                    scaleLabel: {
                        display: true,
                        labelString: 'Testing',
                        fontSize:10
                    },
                    ticks: {
                        beginAtZero: true,
                        fontSize:10
                    }
                }]
            },

       /*     title: {
                display: true,
                text: [finalTitle.toUpperCase(),dateRange],
                fontSize:10,
                padding:0
            }*/
        }
    };
    if ($scope.chart) {
        $scope.chart.destroy();
    }

    $scope.chart = new Chart(ctx, plotConfig);
};

---

如何格式化animation.onComplete上显示的文本

var ctx=document.getElementById（“myChart”）；
调试器；
风险值数据={
标签：[“5月2日”、“5月9日”、“5月16日”、“5月23日”、“5月30日”、“6月6日”、“6月13日”]，
数据集：[{
数据：[0,0,56,50,88,60,45]，
背景色：“EEEEEE”
}]
}
var myChart=新图表（ctx{
类型：'bar'，
数据：数据，
图例：{
“显示”：错误
},
选项：{
“悬停”：{
“animationDuration”：0
},
“动画”：{
“期限”：1，
“onComplete”：函数（）{
var chartInstance=this.chart，
ctx=chartInstance.ctx；
ctx.font=Chart.helpers.fontString（Chart.defaults.global.defaultFontSize，Chart.defaults.global.defaultFontStyle，Chart.defaults.global.defaultFontFamily）；
ctx.textAlign='中心'；
ctx.textb基线='底部'；
this.data.datasets.forEach（函数（dataset，i）{
var meta=chartInstance.controller.getDatasetMeta（i）；
meta.data.forEach（函数（条、索引）{
var数据=数据集。数据[索引]；
如果（数据）{
填充文本（数据，条._model.x，条._model.y-5）；
}
});
});
}
}
}
});

example.com/test
如何格式化animation.onComplete上显示的文本


var ctx=document.getElementById（“myChart”）；
调试器；
风险值数据={
标签：[“5月2日”、“5月9日”、“5月16日”、“5月23日”、“5月30日”、“6月6日”、“6月13日”]，
数据集：[{
数据：[0,0,56,50,88,60,45]，
背景色：“EEEEEE”
}]
}
var myChart=新图表（ctx{
类型：'bar'，
数据：数据，
图例：{
“显示”：错误
},
选项：{
“悬停”：{
“animationDuration”：0
},
“动画”：{
“期限”：1，
“onComplete”：函数（）{
var chartInstance=this.chart，
ctx=chartInstance.ctx；
ctx.font=Chart.helpers.fontString（Chart.defaults.global.defaultFontSize，Chart.defaults.global.defaultFontStyle，Chart.defaults.global.defaultFontFamily）；
ctx.textAlign='中心'；
ctx.textb基线='底部'；
this.data.datasets.forEach（函数（dataset，i）{
var meta=chartInstance.controller.getDatasetMeta（i）；
meta.data.forEach（函数（条、索引）{
var数据=数据集。数据[索引]；
如果（数据）{
填充文本（数据，条._model.x，条._model.y-5）；
}
});
});
}
}
}
});

example.com/test
如果您正在使用该插件，以下是您可以执行以下操作的方法

在插件选项中，您可以使用函数指定DataLabels是否显示标签。因此，在这种情况下，只需检查值是否大于0


var ctx=document.getElementById（“myChart”）；
调试器；
风险值数据={
标签：[“1月18日”、“2月18日”、“3月18日”、“4月18日”、“5月18日”、“6月18日”、“7月18日”]，
数据集：[{
标签：“投票数”，
数据：[0,0,0,0,10,12,24]
}]
}
var myChart=新图表（ctx{
类型：'bar'，
数据：数据，
图例：{
“显示”：错误
},
插件：[ChartDataLabels]，
选项：{
插件：{
//更改此图表所有标签的选项
数据标签：{
颜色：“36A2EB”，
主播：“结束”，
显示：函数（上下文）{
var index=context.dataIndex；
var值=context.dataset.data[index]；
返回值>0；//显示值大于0的标签
}
}
}
}
});

如果您正在使用该插件，以下是您可以执行以下操作的方法

在插件选项中，您可以使用函数指定DataLabels是否显示标签。因此，在这种情况下，只需检查值是否大于0


var ctx=document.getElementById（“myChart”）；
调试器；
风险值数据={
标签：[“1月18日”、“2月18日”、“3月18日”、“4月18日”、“5月18日”、“6月18日”、“7月18日”]，
数据集：[{
标签：“投票数”，
数据：[0,0,0,0,10,12,24]
}]
}
var myChart=新图表（ctx{
类型：'bar'，
数据：数据，
图例：{
“显示”：错误
},
插件：[ChartDataLabels]，
选项：{
插件：{
//更改此图表所有标签的选项
数据标签：{
颜色：“36A2EB”，
主播：“结束”，
显示：函数（上下文）{
var index=context.dataIndex；
var值=context.dataset.data[index]；
返回值>0；//显示值大于0的标签
}
}
}
}
});
我只在插件的渲染中添加了一个条件，效果非常好

plugins: {
           labels: {
                  render: function (args) {
                            if (args.value != 0)
                                return args.value;
                        },
                  fontSize: 10

                    }
          },

我只在插件的渲染中添加了一个条件，效果非常好

plugins: {
           labels: {
                  render: function (args) {
                            if (args.value != 0)
                                return args.value;
                        },
                  fontSize: 10

                    }
          },

“谢谢你们的努力，我通过在插件代码中加入渲染条件就解决了这个问题，”我在回答中补充道。感谢您的帮助和努力。感谢您的努力，我只需在插件代码中添加渲染条件就可以修复它，我在回答中补充道。感谢您的帮助和努力。感谢您的努力，我只需在插件代码中添加渲染条件就可以修复它，我在回答中补充道。感谢您的帮助和努力。感谢您的努力，我只需在插件代码中添加渲染条件就可以修复它，我在回答中补充道。感谢你的帮助和努力。