Jquery 如何在amcharts的甜甜圈图表中使用多种颜色?
我想给一个甜甜圈图表中的2种颜色,这将使梯度填充作为背景色 我已经找到了单一颜色的渐变色的解决方案,但是我怎样才能给出一个具有多种颜色的渐变色呢 这是我的密码:Jquery 如何在amcharts的甜甜圈图表中使用多种颜色?,jquery,html,css,amcharts,Jquery,Html,Css,Amcharts,我想给一个甜甜圈图表中的2种颜色,这将使梯度填充作为背景色 我已经找到了单一颜色的渐变色的解决方案,但是我怎样才能给出一个具有多种颜色的渐变色呢 这是我的密码: var chart5 = AmCharts.makeChart( "emp-hour-chartContainer1", { "type": "pie", "theme": "light", "dataProvider": chartEmp
var chart5 = AmCharts.makeChart( "emp-hour-chartContainer1", {
"type": "pie",
"theme": "light",
"dataProvider": chartEmpData1,
"titleField": "title",
"valueField": "value",
"labelRadius": -21,
"radius": "50%",
"innerRadius": "50%",
"alpha": 1,
"fontSize": 12,
"color": "#ffffff",
"labelText": "[[title]] Days",
"balloonText": "[[title]] Days",
"colors":["#f7b72f","#02aace"],
"export": {
"enabled": true
},
"allLabels": [{
"y": "45%",
"align": "center",
"size": 15,
"text": "Work",
"color": "#262727"
}]
});
可以通过定义渐变来将渐变应用于切片,例如:
AmCharts.makeChart("...", {
// ...
gradientRatio: [-.4, 0, .2], //negative = darker gradient, positive = lighter gradient
// ...
});
演示:
var chartEmpData1=[{title:13,value:13},{title:25,value:25}]
var chart5=AmCharts.makeChartemp-hour-chartContainer1{
类型:馅饼,
主题:光,
数据提供程序:chartEmpData1,
标题:标题,
valueField:value,
梯度浓度:[-4,0,2],
标签半径:-21,
半径:50%,
内半径:50%,
阿尔法:1,
尺寸:12,
颜色:ffffff,
标签文本:[[title]]天,
正文:[[title]]天,
颜色:[f7b72f,02aace],
出口:{
已启用:true
},
所有标签:[
{
y:45%,
对齐:居中,
尺码:15,
文本:工作,
颜色:262727
}
]
};
emp-hour-chartContainer1{
宽度:300px;
高度:300px;
保证金:0自动;
}
我使用了这个解决方案,但无法得到结果图。感谢您的帮助。您唯一的其他选择是使用SVG过滤器,尽管您必须启用AddClassName。看见