【问题标题】:How to specify a size for google pie charts?如何指定谷歌饼图的大小?
【发布时间】:2017-03-30 23:15:44
【问题描述】:

我无法更改我制作的谷歌饼图的大小。我正在尝试绘制多个饼图,每个图表的大小与我提供的数据总量成正比。我知道我们可以通过向图表添加选项来更改图表 div 容器的大小,如下所示:

var options = {width: 400, height: 300};

但是,我感兴趣的不是改变div 的大小,而是实际饼图本身的大小。

有什么办法可以改变饼图的半径吗?

我四处寻找,但没有找到任何东西。这是我的意思的快速描述:

如您所见,我希望div 保持相同的大小,但圆圈的大小会发生变化,具体取决于我输入的值。

感谢任何帮助

【问题讨论】:

    标签: charts google-api google-visualization data-visualization pie-chart


    【解决方案1】:

    试试option 换成chartArea

    例如

    chartArea: {width: 400, height: 300}

    【讨论】:

    • 嘿,抱歉回复晚了,不知何故我没有收到这些回复的通知。这不是我想要的(我想专门为圆设置一个半径)。 chartArea 使饼图的大小取决于它周围的区域。尽管如此,我还是选择了这个解决方案,因为它确实帮助我制作了不同大小的馅饼,同时能够保持 div 的宽度和高度相同。谢谢!!
    【解决方案2】:

    试试下面的例子 http://jsfiddle.net/toddlevy/c59HH/

    function initChart() {
    var options = {
        legend:'none',
        width: '100%',
        height: '100%',
        pieSliceText: 'percentage',
        colors: ['#0598d8', '#f97263'],
        chartArea: {
            left: "3%",
            top: "3%",
            height: "94%",
            width: "94%"
        }
    };
    

    【讨论】:

    • 优秀。非常感谢!问题:您在哪里找到图表区域和图例的文档?我会在寻找这些
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-11
    • 2012-07-14
    • 1970-01-01
    相关资源
    最近更新 更多