5

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

这里有一个简单的小提琴,显示多余的文本被截断:http: //jsfiddle.net/kFskZ/

4

2 回答 2

1

我通过使用 credits 'position' 选项并通过放置 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
    }
},
于 2015-03-19T23:04:49.047 回答
1

I don't know if that's what do you want.

Use 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

Update:
There are many possibilities.
You can change legend position and increase your legend width. demo

于 2012-08-16T17:15:37.983 回答