谷歌(图表)可视化:在图例中显示价值

Question

我在页面中添加了Google Visualization饼图.这一切都很好用,我没有遇到使用预定义选项自定义它的问题.但是,没有选项可以显示图例中的值而不是百分比,只能在切片本身或悬停工具提示中显示.

我想显示图例中的值和切片中的百分比(后者我可以通过选项完成).

对于奖励点...我可以在值的末尾追加"MW",即输出145WM而不是145.

我当前的图表代码:http://pastebin.com/4JJdpxKx

我确信它很明显,但数据是动态引入的.

Answer 1

很难为Google Charts找到合适的文档,我最担心的是因为它没有记录,所以可以随时带走,但这应该做你想要的:

chart1.options = {
    .
    .
    .
    pieSliceText: 'value',
    legend: {
        position: 'labeled',
        labeledValueText: 'both',
        textStyle: {
            color: 'blue', 
            fontSize: 14
        }
    }
};

对于pieSliceText和labeledValueText,我已经成功使用了这些选项:

 value
 both
 none
 percent

但是,我不确定百分比,因为如果我使用任何垃圾词,我会得到相同的结果.至于pieSliceText,似乎它不接受两者的价值.此外,没有不被识别的labeledValueText.

所以,要确保你必须尝试不同的组合.我个人有一个像有两对pieSliceText,但得到它的标记传说是配不上我.

不幸的是,谷歌图表缺乏选择的一致性,但这可能是因为他们不想继续支持它们.更不幸的是,如果存在这些文档,几乎不可能找到.