1

我对 angular-chart.js(使用 chart.js)有一个奇怪的问题。如果我设置并阻止 yAxis 的最小值和最大值,当线条超出限制时,样式会很奇怪。你知道会发生什么吗?

以下是每 3 个图表的配置:

    ChartJsProvider.setOptions({
    responsive: true,
    animation: false,
    pointDot: false,
    colours: [{ // blue
        fillColor: 'rgba(0,0,0,0)',
        strokeColor: 'rgba(51,87,205,1)',
        pointColor: 'rgba(51,87,205,1)',
        pointStrokeColor: 'rgba(51,87,205,1)',
        pointHighlightFill: 'rgba(0,0,0,0)',
        bezierCurve: true,
        pointHitDetectionRadius: 20,
        datasetStroke: false,
    }, { // blue
        fillColor: 'rgba(0,0,0,0)',
        strokeColor: '#FB3333',
        pointColor: '#FB3333',
        pointStrokeColor: '#FB3333',
        pointHighlightFill: 'rgba(0,0,0,0)',
    }],
    maintainAspectRatio: false,
    showXLabels: 10,
    showTooltips: true,
    multiTooltipTemplate: function(label) {

        return label.datasetLabel + " : " + label.value.toFixed(1);
    }


});

对于每个图表,我应用了其他配置:

    $scope.optionsG1 = {
    scaleStartValue: -2,
    scaleStepWidth: 1,
    scaleOverride: true,
    scaleSteps: 4
};

谢谢你的帮助

4

1 回答 1

0

bezierCurve: false为您遇到此问题的图表设置。

于 2015-11-26T10:01:22.173 回答