Highcharts 导出类名

Question

如何在 Highcharts 中为导出的图表设置类名？我试过了，但没用：

exporting: {
   chartOptions: {
   chart: {
      className: 'negPos'
    }
  }
}

Answer 1

negativeColor 添加到绘图选项

Highcharts.chart(container, {
  chart: {
    //className: 'negPos',
    type: 'column',
    spacingBottom: 20,
    style: {
      fontFamily: 'Helvetica Neue,Helvetica,Arial,sans-serif',
      fontSize: '11px',
      fontWeight: 'lighter'
    }
  },
  title: {
    text: 'Highcharts',
    align: 'center',
    style: {
      fontSize: '15px',
      fontFamily: 'Helvetica Neue,Helvetica,Arial,sans-serif',
      fontWeight: 'lighter'
    }
  },
  xAxis: {
    categories: [1, 2, 3, 5, 6]
  },
  yAxis: {
    title: {
      text: '%'
    }
  },
  tooltip: {
    borderWidth: 0,
    style: {
      fontFamily: 'Helvetica Neue,Helvetica,Arial,sans-serif',
      fontSize: '11px',
      align: 'center'
    },
    formatter: function() {
      return '<b>' + this.x + ': </b><br>' + Highcharts.numberFormat(this.y, 1) + '%'
    }
  },
  plotOptions: {
    column: {
      negativeColor: '#d9534f',
      threshold: 0,
    }
  },
  /* plotOptions: {
       bar: {
           dataLabels: {
               enabled: false
           }
       }
   },*/
  legend: {
    layout: 'vertical',
    verticalAlign: 'bottom',
    borderWidth: 1,
    backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
    shadow: true
  },
  series: [{
    showInLegend: false,
    color: '#5cb85c',
    data: [54, 21, -3, 18, 5, -11]
  }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container"></div>

Highcharts 导出类名

Highcharts exporting className

export

classname

highcharts