如何格式化Highcharts中的导出按钮

时间:2016-01-26 16:51:48

标签: highcharts

是否可以格式化导出" contextButton"在Highcharts? (特别是看起来更像页面上的其他按钮。)我并不是说创建一个具有新功能的新按钮,我的意思是标准导出contextButton的确切功能,我只想更改基本的css,如颜色。感谢。

exporting: {
  enabled: true,
  buttons: {
      contextButton: {
          text: 'Export',
          color: '#f00',  // this does nothing
      },
  },

1 个答案:

答案 0 :(得分:2)

上下文按钮的文档位于...

http://api.highcharts.com/highcharts#exporting.buttons.contextButton

如果要更改按钮上符号的颜色,请使用符号属性。例如......

        exporting: {
            enabled: true,
            buttons: {
                contextButton: {
                    text: 'Export',
                    symbolFill: '#f88',
                    symbolStroke: '#f00'
                }
            }
        }

如果要更改按钮的颜色,请使用theme属性。例如......

        exporting: {
            enabled: true,
            buttons: {
                contextButton: {
                    text: 'Export',
                    theme: {
                        fill: '#ddd',
                        stroke: '#888',
                        states: {
                            hover: {
                                fill: '#fcc',
                                stroke: '#f00'
                            },
                            select: {
                                fill: '#cfc',
                                stroke: '#0f0'
                            }
                        }
                    }
                }
            }
        }