y轴标题的高图变换位置

时间:2014-04-23 19:10:39

标签: jquery highcharts

在我目前的项目中,我们使用Hightchart显示各种分析的图表。在column chart我想移动标题的位置,如图所示,在YAxis和YAxis标题的最后一次观察之间应该有足够的空间。 喜欢按照图像,Rainfall和250之间应该有一些空间(这是YAxis上的最后一项)

Fiddle

enter image description here

我可以改变标题位置但是它被挤压了。

enter image description here

因为我已经定义了这样的图表变换器

<div id="chartBorder">
 <div id="chartContainer"  class="chartContainer">
 <div>
</div>

我无法申请css请帮助

3 个答案:

答案 0 :(得分:3)

添加以下部分:

            title: {

                "textAlign": 'right',
                "rotation": 0,
                x: 34,
                y: -140
            }

DEMO:http://jsfiddle.net/46Ue4/

相关问题:HighCharts: How to aligned horizontal yAxis title

答案 1 :(得分:1)

第二个解决方案是使用renderer.text()

答案 2 :(得分:1)

我可以使用以下代码解决此问题

yAxis: {
   title: {
        text: 'Some text',
        style: {
            fontFamily: 'Arial'
            },
        align:'high',
        rotation:0,
        y: -5,
        offset: -50
        }
      }

并设置边距highcharts确实有名为marginTop的选项。