javascript - 如何在 ChartJS - AngularJS 上设置 borderWidth？

Question

我在 AngularJS 中使用 chart.js。我正在尝试将 borderWidth 设置为 1px。

我试过了

this.chart = {
    title: 'Threat Trends',
    labels: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
    series: ['Malware', 'Phishing'],
    data: [this.app.malwareSiteCountWeekly, this.app.phishingSiteCountWeekly],
    options: {
        legend: {
            display: true,
            position: 'bottom'
        }
    },
    borderWidth: 1,
    colors : [this.app.theme.primary, this.app.theme.secondary],
    type: 'bar'
};

和

<canvas
id="bar"
class="chart chart-bar"
chart-data="$ctrl.chart.data"
chart-type="bar"
chart-colors="$ctrl.chart.colors"
chart-labels="$ctrl.chart.labels"
chart-series="$ctrl.chart.series"
chart-options="$ctrl.chart.options"
chart-dataset-override="preOverride">
</canvas>

我不断得到

对我有什么提示吗？

Answer 1

您应该为要应用它的数据集设置边框宽度。

试试这个:

data: {
    datasets: [{
        borderWidth: 1,
        data: [this.app.malwareSiteCountWeekly, this.app.phishingSiteCountWeekly]
    }]
};