绘制饼图，切片之间的距离？

Question

使用Flot，是否可以修改饼图切片之间的宽度/间距？目前我的饼图上的切片在它们很小的时候太靠近了，几乎不可能看到它们。谢谢你的帮助。

Answer 1

您是否仅限于将Flot用于此特定类型的图表？ Flot是一个很棒的库...但是，我无法找到爆炸饼图的选项。

无论如何，Flot为Flot项目的SVN主干中目前can be found here的饼图提供的可能性。标签饼图有很多变化......但实际上没有任何实际爆炸饼图。

您可能想要尝试使用Flot的格式化选项（在这种情况下可能有助于您的图表的可读性），可以是radius选项。当您将radius设置为较大的值时，它会放大图表...就像在this page上的Graph8中一样：

$.plot($("#graph8"), data, 
{
    series: {
        pie: { 
            show: true,
            radius:300,
            /* more code here... */
        }
    }
}

它不会破坏图表...但它可能会让它更容易阅读，至少。

如果你不局限于这种情况下的Flot ......还有另一个（虽然不是功能丰富的）图表库，名为AwesomeChartJS，它提供了爆炸饼图的选项（例如在that website的“演示”页面上找到。）但它可能没有您可能需要的所有功能（Flot另外提供）。