Javascript ChartJS:从另一个图表中获取值

Javascript ChartJS:从另一个图表中获取值,javascript,chart.js,Javascript,Chart.js,我有两个图表,第一个图表显示衬衫销售的分解。 第二个是比较蓝色衬衫和蓝色裤子的销售额 我想将蓝色衬衫值从第一个图表导入第二个图表 以下是带有两个图表的代码: var ctx = document.getElementById("myChart1").getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "O

我有两个图表,第一个图表显示衬衫销售的分解。 第二个是比较蓝色衬衫和蓝色裤子的销售额

我想将蓝色衬衫值从第一个图表导入第二个图表

以下是带有两个图表的代码:

var ctx = document.getElementById("myChart1").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
    label: 'Shirts',
    data: [10, 10, 15, 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, 192, 192, 1)',
        'rgba(153, 102, 255, 1)',
        'rgba(255, 159, 64, 1)'
    ],
    borderWidth: 1
}]
},
options: {
scales: {
    yAxes: [{
        ticks: {
            beginAtZero:true
        }
    }]
},
}
});

var ctx = document.getElementById("myChart2").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Blue Shirts", "Blue Trousers"],
datasets: [{
    label: 'Sales',
    data: [10, 8],
    backgroundColor: [
        'rgba(255, 99, 132, 0.2)',
        'rgba(54, 162, 235, 0.2)',
     ],
    borderColor: [
        'rgba(255,99,132,1)',
        'rgba(54, 162, 235, 1)',
    ],
    borderWidth: 1
}]
},
options: {
scales: {
    yAxes: [{
        ticks: {
            beginAtZero:true
        }
    }]
},
}
});

这是JSFIDLE()。

我发现了一个描述从点击事件获取数据的线程:

我在这里还做了一个新的fiddle,它将包含图表数据的图表对象记录在图表单击上:


chartData.datasets[0]。数据是一组单击的图表数据。

到目前为止您尝试了什么?请发布您的代码。不,没有找到从另一个
chartJS
chart(不是从DB)获取值的方法或任何文档。请说明为什么此问题被否决。作为我的公开声明,我在问这个问题,这是否可能。我也没有在这里看到相关或相关的问题。我不是被否决的选民,但我认为它被否决了,因为“可能吗?”的最终答案是“是”或“否”,而这些类型的问题与主题无关。当然,几乎任何事情都是“可能的”,但您需要展示您迄今为止所做的尝试,以及至少图表1和图表2的代码。谢谢。请参阅更新的问题。
 myChart1Canvas.onclick = function(evt) {
   var activePoints = myChart.getElementsAtEvent(evt);
   if (activePoints[0]) {
   var chartData = activePoints[0]['_chart'].config.data;
   // `chartData` will be an object in the format {'Labels' : Array, 'datasets' : Array}.
   console.log(chartData);
 }
};