Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/api/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌图表:如何更改百分比标签颜色?_Javascript_Api_Charts_Google Visualization - Fatal编程技术网

Javascript 谷歌图表:如何更改百分比标签颜色?

Javascript 谷歌图表:如何更改百分比标签颜色?,javascript,api,charts,google-visualization,Javascript,Api,Charts,Google Visualization,我正在使用谷歌图表来显示饼图。在我的选项变量中,我将图例设置为:图例:{position:'labeled',textStyle:{color:'white',fontSize:24}} 现在,如果查看下图,字体颜色仅适用于标签名称,而不适用于百分比文本或标签行。我可以做些什么来将百分比文本和标签行的颜色更改为白色吗 未看到将更改所述图表元素的文本样式的选项 但是图表的svg可以手动修改 但是,图表将恢复为默认样式, 每当有活动时,例如悬停切片 因此,可以使用MutationObserver覆盖

我正在使用谷歌图表来显示饼图。在我的选项变量中,我将图例设置为:
图例:{position:'labeled',textStyle:{color:'white',fontSize:24}}

现在,如果查看下图,字体颜色仅适用于标签名称,而不适用于百分比文本或标签行。我可以做些什么来将百分比文本和标签行的颜色更改为白色吗


未看到将更改所述图表元素的文本样式的选项
但是图表的svg可以手动修改

但是,图表将恢复为默认样式,
每当有活动时,例如悬停切片

因此,可以使用
MutationObserver
覆盖样式

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
var data=new google.visualization.DataTable();
data.addColumn('string','x');
data.addColumn('number','y');
data.addRows([
[“搬到一个新城市”,25],
[《结识新朋友》,12.5],
[《获得独立》,62.5]
]);
var container=document.getElementById('chart_div');
var chart=newgoogle.visualization.PieChart(容器);
var observer=新的MutationObserver(函数(){
$.each($('#chart_div path[stroke=“#636363”]”),函数(索引,路径){
$(path.attr('stroke','#ffffff');
});
$.each($('#图表_divtext[fill=“#9e9e9e”]”),函数(索引,标签){
$(label.attr('fill','#ffffff');
});
});
观察者,观察(容器{
儿童名单:是的,
子树:真
});
图表绘制(数据、{
背景颜色:“#1f618d”,
图例:{position:'labeled',textStyle:{color:'white',fontSize:24}
});
},
软件包:['corechart']
});

更改css:

g g g text
{
    fill: black;
}

希望这有帮助,唯一的回退是当使用方法
getImageURI
时--生成的图像将不包括手动更改…欢迎使用SO。提供答案时,通常需要向OP解释您的答案及其工作原理:)。对不起,我是新手。谷歌图表在css中定义了一个结构。此示例更改css样式表中百分比中的灰色。如果你有几个图形,你可以放一个类。这个解决方案帮助med得到了我想要的结果。