我试图将高图与Bootstrap结合使用。例如,饼图放在6列中,因此它占据了页面的一半。发生的事情是数据标签太长,因此正在从包含div中裁剪出来。 为此提出的修复是在数据标签上设置宽度。 像这样:
pie: {
size: '60%',
allowPointSelect: true,
dataLabels: {
style:{
width:100
color:'black'
}
}
}
}
这对Chrome和mozilla完美无缺,设置宽度并且数据标签的位置发生变化,因此它们更接近饼图。但是当在IE8中进行测试时,(并且我不得不考虑它)宽度已设置,但似乎数据标签的位置没有变化,因此我在屏幕上看到的数据标签更少。
我会尽快找到一个jsfiddle或截图,这样你就可以看到我的意思了,但最初我只是看到有人之前遇到过这个问题,或者是否有一个简单的修复我我错过了。
我已经在情节选项中注释了宽度,这样你就可以看到发生了什么。 当我取消注释宽度时,它在Chrome和mozilla中完美呈现。但是在IE8中,标签的位置没有变化,因此左侧标签最终远离饼图并仍然被裁剪。