Javascript 更改Highcharts中的地物背景色?
我正在尝试更改图片的背景色,而不是div的背景色,如下所示:Javascript 更改Highcharts中的地物背景色?,javascript,html,css,highcharts,Javascript,Html,Css,Highcharts,我正在尝试更改图片的背景色,而不是div的背景色,如下所示: var availability= $("#availability").highcharts(); availability.panes[0].options.background.backgroundColor = "#000000" $("#availability").find(".highcharts-series path").attr("fill", "#000000"); 但是,如果不以任何方式更改颜色,是否有人知
var availability= $("#availability").highcharts();
availability.panes[0].options.background.backgroundColor = "#000000"
$("#availability").find(".highcharts-series path").attr("fill", "#000000");
但是,如果不以任何方式更改颜色,是否有人知道会出现什么问题?从中,您将在声明图表对象的json对象中定义这一点
$(function () {
$('#container').highcharts({
chart: {
backgroundColor: '#FCFFC5',
type: 'line'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
},
legend: {
layout: 'vertical',
backgroundColor: '#FFFFFF',
floating: true,
align: 'left',
x: 100,
verticalAlign: 'top',
y: 70
},
tooltip: {
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' +
this.x + ': ' + this.y;
}
},
plotOptions: {
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
});
$(函数(){
$(“#容器”)。高图({
图表:{
背景颜色:“#FCFFC5”,
类型:“行”
},
xAxis:{
类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
亚克斯:{
},
图例:{
布局:“垂直”,
背景颜色:“#FFFFFF”,
浮动:是的,
对齐:“左”,
x:100,
垂直排列:“顶部”,
y:70
},
工具提示:{
格式化程序:函数(){
返回“+this.series.name+”
+
this.x+':'+this.y;
}
},
打印选项:{
},
系列:[{
数据:[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]
}]
});
});
您可能希望在内存中访问此对象并更改值,而不是尝试访问DOM对象,因为它很可能会在某个事件上重新绘制,以从原始JSON对象获取其属性值。可以按如下方式更改弓的背景色:
var availability= $("#availability").highcharts();
availability.panes[0].options.background.backgroundColor = "#000000"
$("#availability").find(".highcharts-series path").attr("fill", "#000000");
您可以直接在SVG元素上操作,调用
attr()
函数
$('#bck').click(function() {
var chart = $('#container-speed').highcharts();
chart.yAxis[0].plotLinesAndBands[0].svgElem.attr({
fill:'red'
});
});
示例:您能做一个完整的演示吗?我正在使用此图表solidgauge,我想动态更改bow颜色。我已经从底部设置了solidgauge图表类型的颜色和bow颜色,但想知道如何动态更改bow颜色您是否检查了该属性是否在api中公开或声明?请参阅我之前的警告。如果此对象由JSON对象驱动,则如果定义了此值或具有默认值,则触发重画的任何图表事件都将从源对象重画。