Question

如何更改angular2-highcharts中的背景颜色？我是我的组成部分：

chart: any;
saveChart(chart) {
     this.chart = chart;
}

  constructor(
private eventManager: EventManager,
private locationService: LocationService,
private route: ActivatedRoute,
private alertService: AlertService

）{

this.options = {
  title: { text: 'Senaste dygnet' },
  xAxis: {
    type: 'datetime',

    title: {
      text: 'Tid'
    }
  },
  yAxis: {
    title: {
      text: 'Temperatur'
    }
  },
  series: [{
     name: 'Vattentemperatur',
    data: []
  }]
};

}

模板：

  <chart [options]="options"  (load)="saveChart($event.context)"></chart>

当我这样做时.chart.backgroundColor =“＃000000”; 没有任何反应。

Answer 1

我从同事那里得到了一些帮助，现在这对我有用。

saveChart(chart) {
     this.chart = chart;
     this.chart.chartBackground.css({
      color: 'rgba(225, 225, 225, 0.7)',
      fontSize: '16px'
    });
}

Answer 2

chart: {
    "events": {
        "drilldown": drillDownCallBack
    },
    "plotBackgroundColor": "black",
    "plotBorderWidth": null,
    "plotShadow": false,
    "type": "pie"
}

您可以传递"plotBackgroundColor": "black"作为背景颜色。这是一个检查这个

的例子

更改angular2-highcharts中的背景颜色

2 个答案: