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 に答える