我使用Chart.js绘制条形图和饼图.我希望在单击特定标题栏时显示弹出窗口.
例:
我有条形图
a.(标签名称:Apple,Strawberry,Banana,Mango,Grape,Oragne)
我点击了几个标签
的特定标签a.(点击:Apple,Apple总量:7ea)
然后会出现一个弹出窗口,该窗口使用传递给参数URL的值,显示有关内部苹果的更多信息.一个.(韩国苹果:1ea,美国苹果:3ea,中国苹果:2ea,日本苹果:1ea)
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Apple", "Strawberry", "Banana", "Mango", "Grape", "Orange"],
datasets: [{
label: '# of Votes',
data: [7, 8, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255,99,132,1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, …Run Code Online (Sandbox Code Playgroud)