Javascript 更改Highcharts中的地物背景色?

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"); 但是,如果不以任何方式更改颜色,是否有人知

我正在尝试更改图片的背景色,而不是div的背景色,如下所示:

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对象驱动,则如果定义了此值或具有默认值,则触发重画的任何图表事件都将从源对象重画。