Jquery 如何在amcharts的甜甜圈图表中使用多种颜色?

Jquery 如何在amcharts的甜甜圈图表中使用多种颜色?,jquery,html,css,amcharts,Jquery,Html,Css,Amcharts,我想给一个甜甜圈图表中的2种颜色,这将使梯度填充作为背景色 我已经找到了单一颜色的渐变色的解决方案,但是我怎样才能给出一个具有多种颜色的渐变色呢 这是我的密码: var chart5 = AmCharts.makeChart( "emp-hour-chartContainer1", { "type": "pie", "theme": "light", "dataProvider": chartEmp

我想给一个甜甜圈图表中的2种颜色,这将使梯度填充作为背景色

我已经找到了单一颜色的渐变色的解决方案,但是我怎样才能给出一个具有多种颜色的渐变色呢

这是我的密码:

 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。看见