Javascript 在我的画布Js图上有一个函数，当我点击饼图时，柱状图应该根据它来操作

我试图在单击饼图时动态更改我的柱状图。 我已经在我的画布Js图上创建了一个界面和一个函数，当我点击饼图时，柱状图应该根据它来操作，没有铃声响起

下面是代码

---

此代码执行以下任务：


$（函数（）{
变量值=[{
y:39.16，
颜色：“1f77b4”，
名称：“苹果”，
},
{
y:21.8，
索引标签：“葡萄”，
颜色：“ff7f0e”，
名称：“葡萄”，
},
{
y:21.45，
索引标签：“香蕉”，
颜色：“ffbb78”，
名称：“香蕉”，
},
{
y:5.56，
索引标签：“芒果”，
颜色：“d62728”，
名称：“芒果”，
},
{
y:5.38，
索引标签：“橙色”，
颜色：“98df8a”，
名称：“橙色”，
},
];
var columnChartValues=[{
y:686.04，
颜色：“1f77b4”，
},
{
y:381.84，
颜色：“ff7f0e”，
},
{
y:375.76，
颜色：“ffbb78”，
},
{
y:97.48，
颜色：“d62728”，
},
{
y:94.2，
颜色：“98df8a”，
},
{
y:686.04，
颜色：“1f77b4”，
},
{
y:381.84，
颜色：“ff7f0e”，
},
{
y:375.76，
颜色：“ffbb78”，
},
{
y:97.48，
颜色：“d62728”，
},
{
y:94.2，
颜色：“98df8a”，
},
{
y:686.04，
颜色：“1f77b4”，
},
{
y:381.84，
颜色：“ff7f0e”，
},
{
y:375.76，
颜色：“ffbb78”，
},
{
y:97.48，
颜色：“d62728”，
},
{
y:94.2，
颜色：“98df8a”，
},
];
var曲线图；
渲染柱形图（柱形图值）；
renderPieChart（pieChartValues）；
函数renderPieChart（值）{
piechart=newcanvasjs.Chart（“piechart”{
标题：{
文本：“饼图”，
fontFamily：“Verdana”，
尺寸：25，
fontWeight:“正常”，
},
图例：{
水平对齐：“左”，
垂直排列：“中心”，
},
animationEnabled：没错，
数据：[{
单击：单击处理程序，
indexLabelFontSize:15，
indexLabelFontFamily:“Monospace”，
indexLabelFontColor:“暗灰色”，
IndexLabelineColor:“暗灰色”，
indexLabelPlacement:“外部”，
键入：“馅饼”，
legendMarkerType:“方形”，
showInLegend：是的，
工具提示内容：“#百分比%”，
数据点：值，
}, ],
});
perechart.render（）；
}
函数renderColumnChart（值）{
var columnchart=新建CanvasJS.Chart（“columnchart”{
标题：{
文字：“多系列柱状图”，
fontFamily：“Verdana”，
尺寸：25，
fontWeight:“正常”，
},
animationEnabled：没错，
背景色：“透明”，
axisX：{
间隔时间：2，
间隔类型：“月”，
labelFontColor:#717171“，
线条颜色：“A2A2”，
勾选颜色：“A2A2”，
},
axisY：{
网格厚度：0，
labelFontColor:#717171“，
线条颜色：“A2A2”，
前缀：“$”，
勾选颜色：“A2A2”，
},
工具提示：{
背景颜色：“737580”，
边界厚度：0，
转弯半径：0，
fontColor:#ffffff“，
尺寸：16，
fontStyle:“正常”，
分享：是的，
},
数据：[{
indexLabelFontSize:15，
indexLabelFontFamily:“Monospace”，
indexLabelFontColor:“暗灰色”，
IndexLabelineColor:“暗灰色”，
indexLabelPlacement:“外部”，
键入：“列”，
数据点：值，
}, ],
});
columnchart.render（）；
}
函数clickHandler（e）{
//保持部分数据的所有颜色处于爆炸状态
设colorsToKeep=[]；
对于（设i=0；i0）{
columnChartValues.map（函数（e）{
如果（颜色包括（例如颜色））{
e、 x=idx++；
toKeep.push（e）；
}
});
}否则{
//需要这样做，而不是renderColumnChart（columnChartValues）；可能是一个bug？
columnChartValues.map（函数（e）{
e、 x=idx++；
toKeep.push（e）；
});
}
渲染柱形图（托克普）；
}
});

网络分析-实时
您想要演示中看到的效果吗？是的，先生，我想要相同的概念请不要忘记验证并投票结束问题..thanksAmazing@Frenchy？，只是一个问题，您为一家公司工作？您问我的工作是什么？哼，我修复了一个带有#和not//的注释的小错误，因此代码段是functionalreplace return（dataSeries.visible=true）；按返回（dataSeries.visible==true）；但是当所有的图表都变成假的时候，你会再次遇到一个问题，你必须再次修复这个问题，所有的图表都是可见的！我说你又犯了一个错误，如果你没有单独发现的话，更正就在我的第二个片段中，见答案