Tengo una duda, tengo una grafica principal en el cual muestro algunos valores.
Mi pregunta o mi duda es, en dicha grafica al momento de seleccionar algún valor quiero que se me cargue otra grafica referenciada al valor al cual le di clic.
¿Es esto posible o no se puede?
Saludos.
var barChartData = {
labels: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio"],
datasets: [{
fillColor: "#6b9dfa",
strokeColor: "#ffffff",
highlightFill: "#1864f2",
highlightStroke: "#ffffff",
data: [90, 30, 10, 80, 15, 5, 15]
},
{
fillColor: "#e9e225",
strokeColor: "#ffffff",
highlightFill: "#ee7f49",
highlightStroke: "#ffffff",
data: [40, 50, 70, 40, 85, 55, 15]
}
]
}
var ctx3 = document.getElementById("chart-rea3").getContext("2d");
window.myPie = new Chart(ctx3).Bar(barChartData, {
responsive: true
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<canvas id="chart-rea3" class="pie"></canvas>
Ejemplo, si doy clic en "Marzo", en otra grafica se carguen datos de la semana del mes seleccionado:
var barChartData = {
labels: ["1er semana", "2da semana", "3er semana", "4ta semana"],
datasets: [{
fillColor: "#6b9dfa",
strokeColor: "#ffffff",
highlightFill: "#1864f2",
highlightStroke: "#ffffff",
data: [90, 30, 10, 80]
},
{
fillColor: "#e9e225",
strokeColor: "#ffffff",
highlightFill: "#ee7f49",
highlightStroke: "#ffffff",
data: [40, 50, 70, 40]
}
]
}
var ctx3 = document.getElementById("chart-rea4").getContext("2d");
window.myPie = new Chart(ctx3).Bar(barChartData, {
responsive: true
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.min.js"></script>
<canvas id="chart-rea4" class="pie"></canvas>
Eso es lo que estoy buscando hacer con las graficas cargadas desde SQL y desde el backend con ASP.NET C#.