2016-11-16 6 views
0

У меня есть многолинейная диаграмма с использованием chart.js версии 2.4 и угловой диаграммы. Я хочу отобразить 2 строки в красном и зеленом соответственно, и я не хочу заполните цвет под линиями. Как я могу это достичь?отображение определенного цвета для линий в диаграмме диаграммы chart.js

var app=angular.module("app", ["chart.js"]); 

app.controller("LineCtrl", function ($scope) { 

$scope.labels = ["January", "February", "March", "April", "May", "June", "July","August","September","October","November","December"]; 
$scope.series = ['one', 'two']; 
$scope.data = [ 
[65, 59, 80, 81, 56, 55, 40, 30, 70, 30, 70, 30], 
[28, 48, 40, 19, 86, 27, 90, 35, 70, 62, 75, 60] 

]; 

$scope.onClick = function (points, evt) { 
console.log(points, evt); 
}; 
$scope.datasetOverride = [{ yAxisID: 'y-axis-1' }, { yAxisID: 'y-axis-2' }]; 
$scope.options = { 
scales: { 
    yAxes: [ 
    { 
     id: 'y-axis-1', 
     type: 'linear', 
     display: true, 
     position: 'left' 
    }, 
    { 
     id: 'y-axis-2', 
     type: 'linear', 
     display: true, 
     position: 'right' 
    } 
    ] 
    } 
}; 
}); 

ответ

1

ли что-то вроде этого,

ctrl.datasetOverride = [{ 
     fill: false, 
     backgroundColor: [ 
      "#ED402A", 
      "#36A2EB", 
      "#FFCE56" 
     ] 
    }, { 
     fill: false, 
     backgroundColor: [ 
      "#F0AB05", 
      "#36A2EB", 
      "#FFCE56" 
     ] 
    } 

]; 

DEMO

+0

Большое спасибо. Это точно работало так, как я хотел – user3946910