Highcharts:多行的积分

时间:2012-08-16 17:05:15

标签: jquery highcharts

我想在各种Highcharts图表的信用中显示图形数据的来源。但是,此源的字符串有时可能很长,并且不适合单行。我可以手动设置信用的y值和图表的spacingBottom,但由于我有超过50个具有不同来源/信用的图形(一些适合单行,有些不适合),有没有办法设置自动涵盖所有可能性的默认选项?

这里有一个简单的小提琴,表示额外的文字被切断:http://jsfiddle.net/kFskZ/

2 个答案:

答案 0 :(得分:1)

我不知道这是不是你想要的。

使用Highcharts.setOptions

var options = {
    credits: {
        text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam suscipit nulla a elit porta vitae condimentum eros vehicula. Nam rhoncus mattis turpis quis rhoncus. Fusce pulvinar faucibus odio, at ultricies diam dignissim et. Donec at nibh est, quis posuere purus.',
    style: {
        width: 300
    },
        position: {
            align: 'left',
            x: 10
        }
    }    
};

Highcharts.setOptions(options);

demo

<强>更新
有很多种可能性 您可以更改legend位置并增加您的图例widthdemo

答案 1 :(得分:1)

我使用积分&#39;位置&#39;解决了这个问题。选项并通过放置html break标记来创建换行符。我不得不一直搞乱位置,直到我的所有文字都按照需要可见。请参阅文档 http://www.highcharts.com/docs/chart-design-and-style/design-and-style

credits: {
    text: 'Powered by ACIS<br/>Western Regional Climate Center',
    href: 'http://wrcc.dri.edu',
    position: {
        align: 'right',
        verticalAlign: 'bottom',
        x: -20,
        y: -20
    }
},