我想在各种Highcharts图表的学分中显示图形数据的来源。但是,此来源的字符串有时可能会很长,并且不适合单行。我可以手动设置学分的 y 值和图表的间距底部,但是由于我有 50 多个具有不同来源/学分的图形(有些适合单行,有些不适合),有没有办法设置将自动涵盖所有可能性的默认选项?
这里有一个简单的小提琴,显示多余的文本被截断:http: //jsfiddle.net/kFskZ/
我想在各种Highcharts图表的学分中显示图形数据的来源。但是,此来源的字符串有时可能会很长,并且不适合单行。我可以手动设置学分的 y 值和图表的间距底部,但是由于我有 50 多个具有不同来源/学分的图形(有些适合单行,有些不适合),有没有办法设置将自动涵盖所有可能性的默认选项?
这里有一个简单的小提琴,显示多余的文本被截断:http: //jsfiddle.net/kFskZ/
我通过使用 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
}
},
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);
Update:
There are many possibilities.
You can change legend
position and increase your legend width
. demo