首页 > 解决方案 > WPDataTable (Wordpress) - 谷歌饼图中的值标签

问题描述

我在“Wp 数据图表”中创建了一个图表,但我的客户想要绝对数字而不是百分比的值,我将如何更改它?我设法通过回拨来改变颜色

要更改图表的颜色,我使用了下面的代码,如何将标签更改为绝对值?

在此处输入图像描述

<script type="text/javascript">
jQuery(window).load(function(){ 
    if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; } 
    wpDataChartsCallbacks[3] = function(obj){ 
         obj.options.colors = [

                     '#00544d',

                     '#a88F0a',

                     '#a33d05',

                     '#9eab05',

                     '#165788',

                     '#44748f'


        ];


        obj.options.labels =['Value']; 
    }
});
</script>

标签: chartsgoogle-visualization

解决方案


在回调中,删除以下行...

obj.options.labels =['Value']; 

并添加...

obj.options.pieSliceText = 'value';

请参阅以下片段...

    jQuery(window).load(function(){ 
            if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; } 
            wpDataChartsCallbacks[3] = function(obj){ 
                     obj.options.colors = [
                             '#00544d',
                             '#a88F0a',
                             '#a33d05',
                             '#9eab05',
                             '#165788',
                             '#44748f'
                    ];

                    obj.options.pieSliceText = 'value'; 
            }
    });

推荐阅读