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

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

donut-chart google-chartwrapper google-visualization css javascript

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

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

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

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

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

< /P>

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

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



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

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

用

pieSliceText: 'none',
sliceVisibilityThreshold: 0,  


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

1 回复 | 直到 6 年前

cdoshi 6 年前

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

https://jsfiddle.net/Lwup6x0y/

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

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前