C# 带标签的谷歌饼图(更改标签行的颜色)
我是谷歌饼图新手。我想改变标签的样式,比如标签的线颜色与切片的颜色匹配,如果切片是蓝色,那么线颜色应该是蓝色 有些切片没有显示其标签,如黄色和紫色切片C# 带标签的谷歌饼图(更改标签行的颜色),c#,jquery,asp.net,asp.net-mvc,charts,C#,Jquery,Asp.net,Asp.net Mvc,Charts,我是谷歌饼图新手。我想改变标签的样式,比如标签的线颜色与切片的颜色匹配,如果切片是蓝色,那么线颜色应该是蓝色 有些切片没有显示其标签,如黄色和紫色切片 var data3 = google.visualization.arrayToDataTable(ClaimSubmissionStatus); var options = { legend: { textStyle: { color: 'black', fontSize: 14 }, positio
var data3 = google.visualization.arrayToDataTable(ClaimSubmissionStatus);
var options = {
legend: { textStyle: { color: 'black', fontSize: 14 }, position: 'labeled', alignemnt: 'center' },
//is3D: true,
// legend: { position: 'labeled' },
chartArea: { backgroundColor: '#FFFFFF', left: '5%', top: '15', width: '85%' }
};
var charta = new google.visualization.PieChart(document.getElementById('divClaimSubmission'));
charta.draw(data3, options);
google.visualization.events.addListener(charta, 'select', function () {
debugger;
var selectedItem = charta.getSelection()[0];
if (selectedItem) {
var status = data3.getValue(selectedItem.row, 0);
CLAIMSUBMISSIONSTATUSPIECHARTDetail(status);
}
});
没有记录在案的更改图例标记线颜色的选项,
但是您可以在图表的
'ready'
事件中手动更改
此外,确保每个切片都有一条线的唯一解决方案是增加图表的高度
请参阅以下工作片段
google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
['Label','Value'],
[‘账单’,19],
[“缴清”,9],
[“未计费”,2],
[Ready for Review',15],
[‘未缴清’,1]
]);
变量选项={
图表区:{
左:12,,
前12名,
宽度:“85%”
},
颜色:颜色:[#33666CC的336666CC,,,,#dc3912,,,,,#ff9900',,,