Javascript 如何在zingchart饼图的每个部分使用svg图标?

Javascript 如何在zingchart饼图的每个部分使用svg图标?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在饼图的每个值片中添加svg图标,如图中所示。 我在谷歌上搜索太多了,但我不能,有人能帮我吗。这是我正在尝试的代码 var myConfig={ “类型”:“环”, “情节”:{ “重构角度”:320, “切片”:100 }, “传奇”:{ “对齐”:“居中”, “项目”:{ “高度”:“40px”, “填充”:“10px 40px”, }, “标记”:{ “宽度”:“40px”, “高度”:“40px”, }, }, “系列”:[{ “价值”:[38], “文本”:“Instagram

我想在饼图的每个值片中添加svg图标,如图中所示。

我在谷歌上搜索太多了,但我不能,有人能帮我吗。这是我正在尝试的代码

var myConfig={
“类型”:“环”,
“情节”:{
“重构角度”:320,
“切片”:100
},
“传奇”:{
“对齐”:“居中”,
“项目”:{
“高度”:“40px”,
“填充”:“10px 40px”,
},
“标记”:{
“宽度”:“40px”,
“高度”:“40px”,
},
},
“系列”:[{
“价值”:[38],
“文本”:“Instagram”,
“背景色”:“#C32AA3#FFDC7D”,
},
{
“价值”:[69],
“文本”:“Pinterest”,
“背景色”:“BD081C”,
},			
]
};
zingchart.render({
id:'饼图-2',
资料来源:myConfig,
身高:400,
宽度:“100%”
});

是的,这是可以完成的,这段代码生成的饼图在每个图表片中都有图标

var aPalette=[
"F6842E","FBAC33","8AC340","46B863","41BC9F","29C2EC",,
"387EC3","5253A3","764199","962871","C87F8A","F14F42"
];
变量aIcons=[
‘ic00’、‘ic01’、‘ic02’、‘ic03’、‘ic04’、‘ic05’,
‘ic06’、‘ic07’、‘ic08’、‘ic09’、‘ic10’、‘ic11’
];
var aText=[
“Lorem ipsum
多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛, “Lorem ipsum
多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛, “Lorem ipsum
多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛, “Lorem ipsum
多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着, “Lorem ipsum
多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛, “Lorem ipsum
多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多洛坐着,多 ]; var ATOLTIPTEXT=[ “Lorem ipsum”、“Lorem ipsum”、“Lorem ipsum”、“Lorem ipsum”、“Lorem ipsum”、“Lorem ipsum”, ‘Lorem ipsum’、‘Lorem ipsum’、‘Lorem ipsum’、‘Lorem ipsum’、‘Lorem ipsum’、‘Lorem ipsum’ ]; var render=function(){ 变量cdata={ 资源:[ { 键入:“css”, 网址:'https://fonts.googleapis.com/css?family=Exo+2' } ], 键入“pie”, 绘图区域:{ 保证金:0 }, 定标器:{ 孔径:parseInt($('a').val(),10), 重构角度:parseInt($('#ra').val(),10) }, 绘图:{ 错,, 边框宽度:0, 边框颜色:“#fff”, 切片:19%, pieTransform:'折叠=60', 悬停状态:{ 可见:假 } }, 系列:[] }; 如果($('#an').val()!='-1'){ cdata['plot']。动画={ 速度:200,, 方法:0, 效果:parseInt($('#an').val(),10), 序列:parseInt($('#s').val(),10) }; } var items=parseInt($('#n').val(),10);
对于(var i=0;i您自己尝试过什么,请告诉我们。我正在将此代码添加到“系列”:[{“值”:[38],“图像”[“src”:“图像/instagram.svg”,]},]但这不起作用,我无法理解…很可能这不起作用,因为您没有图像的正确路径,图像是否包含在解决方案中,路径是否正确?“是”路径正确,因为其他图像工作正常。但当我使用此代码时,图表也没有显示。。。