Javascript 如何在zingchart饼图的每个部分使用svg图标?
我想在饼图的每个值片中添加svg图标,如图中所示。 我在谷歌上搜索太多了,但我不能,有人能帮我吗。这是我正在尝试的代码Javascript 如何在zingchart饼图的每个部分使用svg图标?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在饼图的每个值片中添加svg图标,如图中所示。 我在谷歌上搜索太多了,但我不能,有人能帮我吗。这是我正在尝试的代码 var myConfig={ “类型”:“环”, “情节”:{ “重构角度”:320, “切片”:100 }, “传奇”:{ “对齐”:“居中”, “项目”:{ “高度”:“40px”, “填充”:“10px 40px”, }, “标记”:{ “宽度”:“40px”, “高度”:“40px”, }, }, “系列”:[{ “价值”:[38], “文本”:“Instagram
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”,]},]但这不起作用,我无法理解…很可能这不起作用,因为您没有图像的正确路径,图像是否包含在解决方案中,路径是否正确?“是”路径正确,因为其他图像工作正常。但当我使用此代码时,图表也没有显示。。。