如何向chart.js添加其他数据(类型)

如何向chart.js添加其他数据(类型),chart.js,Chart.js,我已经通过添加以下代码向我的甜甜圈图表的每个部分添加了一个单击处理程序: $("#myChart").click( function(evt){ var activePoints = myNewChart.getSegmentsAtEvent(evt); var chartelementid = activePoints[0].label; alert(chartelementid); //$('.details div').css("display", "none"); //$('#' +

我已经通过添加以下代码向我的甜甜圈图表的每个部分添加了一个单击处理程序:

$("#myChart").click( 
function(evt){
var activePoints = myNewChart.getSegmentsAtEvent(evt);
var chartelementid = activePoints[0].label;
alert(chartelementid);
//$('.details div').css("display", "none");
//$('#' + chartelementid).show();
}
);
这很好,完成后,它应该显示一个附加的Div,其中包含此段的详细信息。 不幸的是,我的标签不仅仅是一个单词,所以我正在努力创建同名的div ID

我的想法是在每个段中添加一个附加数据,如值、标签等,这样它就可以是一个ID。但如果我只是将ID信息添加到段中,它将不会作为变量存在

添加数据类型:

var dataImprove = [   
{
value: 30,
color:"#001155",
highlight: "#1c2f7c",
label: "KnowHow Erhalt / Transfer & Aufbau",
id:"test"
}
]
我在哪里可以在chart.js中添加一个额外的数据类型,如上面我的ID所示,以便在DOM中访问


绘制前,已经在chart.js的999行和1023行之间找到了Marco,我已经添加了这条线

id:ChartElements[0]。id


因此,名为ID的数据在DOM中是可用的。

作为替代方法,传递一个JSON字符串作为标签,然后截取以呈现。例如:

    var canvas = document.getElementById(id);
    var d = canvas.getContext("2d");
    var chart = new Chart(d).Pie(json, {
        segmentStrokeWidth: 1,
        tooltipTemplate: "<%=label%>", //default the label
        customTooltips: function (tooltip) {

            // Hide if no tooltip
            if (!tooltip) {
                return;
            }
            var tooltipObj = JSON.parse(tooltip.text);
            // etc
var canvas=document.getElementById(id);
var d=canvas.getContext(“2d”);
var chart=新图表(d).Pie(json{
分段行程宽度:1,
ToolTiptTemplate:,//默认标签
自定义工具提示:函数(工具提示){
//如果没有工具提示,则隐藏
如果(!工具提示){
返回;
}
var tooltipObj=JSON.parse(tooltip.text);
//等

绘图前已在chart.js中找到:第999行和第1023行之间-我添加了行id:ChartElements[0].id,