Question

伙计们，我怎样才能改变折线图中的不透明度？看看我的图表：

红色，灰色和蓝色背景。我需要让它100％不可见。

这是我的代码：

<canvas id="line" class="chart chart-line" chart-data="data2"                          chart-labels="labels2" chart-series="series2" chart-options="options2"
chart-dataset-override="datasetOverride2" chart-click="onClick" chart-colours="colours">
</canvas>

JS的片段：

$scope.rysujWykres2 = function (daneX, daneY, daneZ, daneA) { //metoda rysująca wykres
        $scope.labels2 = daneX;
        $scope.series2 = ['Ur', 'Ul', 'Uz'];
        $scope.data2 = [
            daneY,
            daneZ,
            daneA
        ];
        $scope.datasetOverride2 = [{ yAxisID: 'y-axis-1' }];
        $scope.options2 = {
            scales: {
                yAxes: [
                    {
                    id: 'y-axis-1',
                    type: 'linear',
                    display: true,
                    position: 'left'
                }
                    ]
            },
            elements: {
                point: {
                    radius: 1
                }
            },
            colours: [{
                fillColor: 'rgba(47, 132, 71, 0.8)',
                strokeColor: 'rgba(47, 132, 71, 0.8)',
                highlightFill: 'rgba(47, 132, 71, 0.8)',
                highlightStroke: 'rgba(47, 132, 71, 0.8)'
        }]
    };
}

但它不起作用。你可以帮我摆脱这种颜色吗？我只需要一行。

Answer 1

如果您不想在该行下看到填充，请将false属性设置为datasetOverride2（这是line chart dataset configuration的一部分）。我不确定如何在angular chart.js中执行此操作，但看起来您可以将其添加到$scope.datasetOverride2 = [{fill: false}, {fill: false}, {fill: false}];对象。

$today = date('w'); // returns 0,1,2,3....

$dowMap = array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');

$officeday = 3 // Monday = 1, Wednesday = 3...

如果这不起作用，则无论您在何处定义每个数据集，都需要使用该属性。

Answer 2

我的朋友，

$scope.datasetOverride2 = [{
  yAxisID: 'y-axis-1',
  fill: false,
}];

工作但仅适用于蓝色日期，请看：

Answer 3

哇，它很容易。看：

解决方案：

$scope.datasetOverride2 = [{fill: false},{fill: false},{fill: false}];

谢谢大家的帮助。我们做到了！

Angular-Chart.js，折线图中的不透明度如何？

3 个答案: