Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度图表J更改图表背景并突出显示颜色_Angularjs_Charts_Highcharts_Chart.js - Fatal编程技术网

Angularjs 角度图表J更改图表背景并突出显示颜色

Angularjs 角度图表J更改图表背景并突出显示颜色,angularjs,charts,highcharts,chart.js,Angularjs,Charts,Highcharts,Chart.js,这个问题是关于JS 1.1.1的 首先,我想禁用图表上的悬停颜色。我已将以下选项设置为false: tooltips: { enabled: false }, hover: { enabled: false }, 这不起作用,所以我决定更改我的甜甜圈图表的颜色,包括highlightColor。为了设置颜色,我将指令chart colors=“colors”添加到画布中。在我的范围中,我添加了以下内容: $scope.colors = [{ fill: true,

这个问题是关于JS 1.1.1的

首先,我想禁用图表上的悬停颜色。我已将以下选项设置为false:

tooltips: {
    enabled: false
},
hover: {
    enabled: false
},
这不起作用,所以我决定更改我的甜甜圈图表的颜色,包括
highlightColor
。为了设置颜色,我将指令
chart colors=“colors”
添加到画布中。在我的范围中,我添加了以下内容:

$scope.colors = [{
    fill: true,
    backgroundColor: ["#FF6384","#36A2EB"]
}]
$scope.colors = [{
    fill: true,
    backgroundColor: "#FF6384"
},{
    fill: true,
    backgroundColor: "#36A2EB"
}]
我还尝试了以下方法:

$scope.colors = [{
    fill: true,
    backgroundColor: ["#FF6384","#36A2EB"]
}]
$scope.colors = [{
    fill: true,
    backgroundColor: "#FF6384"
},{
    fill: true,
    backgroundColor: "#36A2EB"
}]
两个代码段都不工作。他们只是把我的图表部分变成灰色,但不是指定的颜色。 只有以下代码更改了我的图表颜色:

$scope.colors = ["#FF6384","#36A2EB"]

这只会更改
backgroundColor
,但我也想更改
highlightColor
,因此我没有选择此解决方案。有人知道我如何设置图表的
背景颜色和
高光颜色吗?

你能提供完整的代码吗?这会使合格答案变得更容易吗


基于此,我假设您可能应该向数组中添加两种以上的颜色,因为数组的第3和第4个位置可能会定义高光颜色

我找到了一个解决方案。我似乎不得不使用这样的措辞:

colors: [{
    backgroundColor: '#FF6384',
    pointBackgroundColor: '#FF6384'
}, {
    backgroundColor: '#36A2EB',
    pointBackgroundColor: '#36A2EB'
}],
所以pointBackgroundColor会改变图表的颜色,而不是背景颜色本身。悬停效果需要背景色,因此pointedBackground不可见,背景位于前面

多亏了@Dominik Heim,你的链接帮了大忙