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);
}
};