小编Man*_*her的帖子

ChartJS折线图 - 删除线下面的颜色

好的,所以我有一个ChartJS折线图工作,直接填充来自我的数据库的数据.我现在需要的是摆脱每条线下面的颜色.[如下面的截图所示].

图表示例

这是我的HTML:

<div ng-if="hasData">
    <canvas id="line" class="chart chart-line" data="data" labels="labels" legend="true" series="series" options="options" click="onClick"></canvas>
<div>
Run Code Online (Sandbox Code Playgroud)

这是我的JS:

            scope.labels = ['02:00','04:00','06:00', '08:00', '10:00', '12:00','14:00', '16:00', '18:00', '20:00', '22:00'];
            scope.series = series;
            scope.data = [volumesSelectedDate, volumesPeakDate, volumesModelCapacity];


            scope.options = {
                scaleOverride: true,
                scaleStartValue: 0,
                scaleSteps: 11,
                scaleStepWidth: 6910,
            }

            scope.loadingDailyAppVolumes = false;
            scope.hasData = true;


        };
        scope.onClick = function (points, evt) {
            //console.log(points, evt);
        };
Run Code Online (Sandbox Code Playgroud)

那么,我该怎么做呢?另外,我如何手动设置每一行的颜色?

例:

选定日期:蓝色,高峰日期:黄色,型号容量:灰色.

谢谢.

javascript angularjs chart.js

40
推荐指数
5
解决办法
5万
查看次数

标签 统计

angularjs ×1

chart.js ×1

javascript ×1