代码之家 › 专栏 › 技术社区 › Mr world wide

如何自定义中心外的谷歌图表标签数据

donut-chart google-chartwrapper google-visualization css javascript

Mr world wide · 技术社区 · 7 年前

JS小提琴: https://jsfiddle.net/rg4zsybf/2/

如何使用户界面看起来如下图所示。

我希望百分比出现在图表之外,与下图的显示方式完全相同。

我在google图表定制方面不是很好,谢谢你的帮助。

< /P>

pieslicetext:'none',
切片可用性阈值:0,
< /代码> 

我可以把它放在外面,但我想要像图片中所示的东西!有可能吗?



我想要百分比应出现在图表之外如下图所示。

我在谷歌图表定制方面没那么好,谢谢你的帮助。

用

pieSliceText: 'none',
sliceVisibilityThreshold: 0,  


我可以把它放在外面,但我想要像图片中所示的东西!有可能吗?

1 回复 | 直到 7 年前

cdoshi 7 年前

谷歌饼图并不是完全可定制的。至少文件没有提供。你可以很接近你想要的。使用piehole参数来实现甜甜圈形状。

https://jsfiddle.net/Lwup6x0y/

var options = {
    title: 'Indian Language Use',
    backgroundColor: 'transparent',
    legend: 'none',
    pieHole: 0.9,
    pieSliceText: 'none',
    legend: {
        position: 'labeled'
    }
}

推荐文章

cmill · Google Visualization第1行不显示。使用时使用ColorFormat()。setProperty()

7 年前

Paul Chris Jones · 在google中包含字符串列。可视化。数据组

7 年前

yash041 · google charts图形设置图例值和相同颜色列

7 年前

I am the Most Stupid Person · 谷歌图表图例位置顶部不工作

7 年前

coolhand · 通过ASP循环。使用Google图表时的NET模型数据

7 年前

ndd · Google ChartWrapper不适用于直方图

7 年前

Nabeel · 显示一些点的Google散点图工具提示

7 年前

fab · Google Charts API:在折线图中显示数据点值

7 年前

StefanN · Google散点图复制相同的域(x轴)值

7 年前

Babasaheb Dhodad Nicholas J. Markkula · 如何将导出csv选项设置为google可视化饼图中的按钮

7 年前