Diese Frage bezieht sich auf eckige-chartjs 1.1.1.angular-chartJs chart chart background und highlight colours
Zuerst wollte ich die Hover-Farbe in Diagrammen deaktivieren. Ich habe bereits die folgenden Optionen auf false:
tooltips: {
enabled: false
},
hover: {
enabled: false
},
Das funktioniert nicht, so habe ich beschlossen, die Farben meines Ringdiagramm zu ändern, einschließlich der highlightColor
. Um die Farben einzustellen, habe ich die Direktive chart-colors="colors"
zu meiner Leinwand hinzugefügt. Zu meinem Umfang habe ich folgendes:
$scope.colors = [{
fill: true,
backgroundColor: ["#FF6384","#36A2EB"]
}]
Ich habe auch versucht die folgenden:
$scope.colors = [{
fill: true,
backgroundColor: "#FF6384"
},{
fill: true,
backgroundColor: "#36A2EB"
}]
Beide Code-Schnipsel nicht berufstätig sind. Sie drehen mein Diagramm nur teilweise in Grau, aber nicht in die angegebenen Farben. Nur der folgende Code meine Diagrammfarben geändert:
$scope.colors = ["#FF6384","#36A2EB"]
Dies wird nur die backgroundColor
ändern, aber ich will auch die highlightColor
ändern, so dass diese Lösung ist keine Option für mich. Hat jemand eine Idee wie ich die backgroundColor
und die hightlightColor
des Chart einstellen kann?