如何解决Highcharts节点的显示宽度不足
我有一个高图表角度的组织结构图,其中图表中有很多节点时,框会变小,并且其文本会被隐藏。如何使图表根据需要展开(并显示水平滚动条),以便所有内容都完全可见?
您可以看到示例here。
我的图表选项是这些
chartOptions: Highcharts.Options = {
chart: { inverted: true },title: { text: null },tooltip: {
useHTML: true,padding: 10,style: { fontStyle: 'normal' },outside: true,distance: 30
},series: [
{
type: 'organization',name: null,keys: ['from','to'],data: [],nodes: [],colorByPoint: false,color: 'white',borderColor: '#c1c1c1',}
]
};
和html
<highcharts-chart
[Highcharts]="Highcharts"
[options]="chartOptions"
style="width: 100%; height: 100%; display: block;"
></highcharts-chart>
解决方法
将chart.width
属性设置为适合您的值,然后更改图表容器的默认overflow
样式。
JS:
chart: {
width: 2000,...
},
CSS:
#container {
overflow: scroll !important;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。