如何在导出时更改图表的高轴图颜色?

时间:2019-06-03 18:15:56

标签: javascript highcharts

我在网络上的黑色背景上渲染了一个高图图表,但想为该图表的导出提供一个看起来并不可怕的白色背景。以下配置选项确实会更改图形的标题,但无法更改轴。我想念什么?

    exporting: {
      chartOptions: {
        title: {
          text: sidebar.title + ' | ' + sidebar.name + ' (' + sidebar.type + ')'
        },
        xAxis: {
          lineColor: '#000',
          labels: {
            style: {
              color: '#000'
            }
          },
          title: {
            style: {
              color: '#000'
            }
          }
        },
        yAxis: {
          gridLineColor: '#000',
          lineColor: '#000',
          labels: {
            style: {
              color: '#000'
            }
          },
          title: {
            style: {
              color: '#000'
            }
          },
        },
      },
    }

1 个答案:

答案 0 :(得分:1)

该问题是与合并对象和数组有关的Highcharts错误,已在此处报告:https://github.com/highcharts/highcharts/issues/2022

作为解决方法,您可以将轴定义为数组:

exporting: {
    chartOptions: {
        title: {
            text: 'new Text'
        },
        xAxis: [{
            lineColor: '#000',
            labels: {
                style: {
                    color: '#000'
                }
            },
            title: {
                style: {
                    color: '#000'
                }
            }
        }],
        yAxis: [{
            gridLineColor: '#000',
            lineColor: '#000',
            labels: {
                style: {
                    color: '#000'
                }
            },
            title: {
                style: {
                    color: '#000'
                }
            }
        }]
    }
}

实时演示: http://jsfiddle.net/BlackLabel/dqyr0fcu/