Angularjs 角度图表J更改图表背景并突出显示颜色
这个问题是关于JS 1.1.1的 首先,我想禁用图表上的悬停颜色。我已将以下选项设置为false: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,
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,你的链接帮了大忙