如何在图表右侧放置Highcharts标题？

Question

我正在检查文档，并没有真正看到这样做的方法。

我想做的是将图表标题放在图表右侧，旋转90度并垂直居中。

这样的事情（使用Photoshop来表示旋转）：

我知道我可以像这样设置x和y位置：

title: {
    text: 'Chart title',
    align: 'right',
    y: 140, 
    x: 50,
    rotation: 90 //this does not work
  }

但这并没有真正给我我想要的东西。是否有一个设置，我没有找到将标题置于右侧，并将其旋转90度？

这是一个我正在弄乱x，y轴定位的小提琴：

http://jsfiddle.net/c2tb1p5b/1/

Answer 1

你可以使用标题上的x，y位置和CSS组合来实现这一点 - 你需要弄清楚确切的值，但这样的事情应该有效：

Highcharts.chart('container', {
  chart: {
    type: 'bar'
  },
  title: {
    text: 'Chart title',
    align: 'right',
    y:-480,
    x:-280
  },
  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
    labels: {
      step: 1
    }
  },

  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  }]
});

CSS：

.highcharts-title {
transform: rotate(90deg);
}

http://jsfiddle.net/c2tb1p5b/2/