Highcharts饼图数据标签切断/定位

时间:2014-06-19 10:13:57

标签: javascript jquery css highcharts

我试图将高图与Bootstrap结合使用。例如,饼图放在6列中,因此它占据了页面的一半。发生的事情是数据标签太长,因此正在从包含div中裁剪出来。 为此提出的修复是在数据标签上设置宽度。 像这样:

pie: {
            size: '60%',
            allowPointSelect: true,
            dataLabels: {
              style:{
                width:100

                color:'black'
              }
            }
        }
    }

这对Chrome和mozilla完美无缺,设置宽度并且数据标签的位置发生变化,因此它们更接近饼图。但是当在IE8中进行测试时,(并且我不得不考虑它)宽度已设置,但似乎数据标签的位置没有变化,因此我在屏幕上看到的数据标签更少。

我会尽快找到一个jsfiddle或截图,这样你就可以看到我的意思了,但最初我只是看到有人之前遇到过这个问题,或者是否有一个简单的修复我我错过了。

Jsfiddle

我已经在情节选项中注释了宽度,这样你就可以看到发生了什么。 当我取消注释宽度时,它在Chrome和mozilla中完美呈现。但是在IE8中,标签的位置没有变化,因此左侧标签最终远离饼图并仍然被裁剪。

0 个答案:

没有答案