Question

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

var availability= $("#availability").highcharts();
availability.panes[0].options.background.backgroundColor = "#000000"

但不以任何方式改变颜色，有没有人知道可能出现什么问题？

Answer 1

从Highcharts API documentation examples开始，您将在声明图表对象的json对象中定义它。

$STH = $DBH->prepare("SELECT id, api, request, apikey, apiemail, keyauth, ip, dateandtime, status FROM apirequests WHERE status = 0 ORDER BY id");
$STH->execute();
if($STH->rowCount()){
 while($row = $STH->fetch(PDO::FETCH_OBJ)){
  #Perform whatever operation you need on a single row
  echo "$row->id, $row->api, $row->request, $row->apikey, $row->apiemail\n";
 }
}

您可能希望在内存中访问此对象并更改值而不是尝试访问DOM对象，因为它很可能会重新绘制某个事件以从原始JSON对象获取其属性值。

Answer 2

可以按如下方式更改弓的背景颜色：

$("#availability").find(".highcharts-series path").attr("fill", "#000000");

Answer 3

您可以直接操作SVG元素，调用attr()函数。

$('#bck').click(function() {
    var chart = $('#container-speed').highcharts();

    chart.yAxis[0].plotLinesAndBands[0].svgElem.attr({
        fill:'red'
    });
});

示例：http://jsfiddle.net/snxe1bzk/5/

在Highcharts中更改图形背景颜色？

3 个答案: