首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何避免高图饼图中dataLabels的重叠?

如何避免高图饼图中dataLabels的重叠?
EN

Stack Overflow用户
提问于 2015-08-24 01:00:51
回答 1查看 1.2K关注 0票数 0

我正在使用highcharts来呈现饼图,

当序列数据小/少时,dataLabels是重叠的。

链接到重现的问题。

http://jsfiddle.net/venkatesh1453/nwg2rdze/1/

代码语言:javascript
运行
复制
 plotOptions: {
        pie: {
            dataLabels: {
                distance : function(){
                    return (-30 - (this.series.index *3));
                }
            }
        }
    },

我试过这段代码,但它将所有标签移到右上角。

请提供避免标签重叠的解决方案/解决方法。

EN

回答 1

Stack Overflow用户

发布于 2015-08-24 01:16:54

最简单的方法是将数据标签移出饼图。

代码语言:javascript
运行
复制
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'pie'
        },
        series: [{
            data: [
                ['Firefox',   44.2],
                ['IE7',       26.6],
                ['IE6',       20],
                ['Chrome browser',    1.1],
                ['Other browsers',    1.4]
            ]
        }]
    });
}); 

Example

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32169153

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档