Skip to main content
Revertido a la revisión 2
Origen Enlace
Robinson
  • 183
  • 12
function GraphCost() {
    var $datein = document.getElementById('datein_cost');
    var $dateout = document.getElementById('dateout_cost');
    var color = "#" + Math.floor(Math.random() * 16777215).toString(16);

    var chartExist = Chart.getChart("CostScrap_sf"); // <canvas> id
    if (chartExist != undefined)
        chartExist.destroy();//si canvas existe lo destruye 
    

    $.ajax({
        method: "GET",
        url: "../Reportes/GetScrapCost",
        contentType: "aplication/json; Charset=utf-8",
        data: { 'datein': $datein.value, 'dateout': $dateout.value },
        async: true,
        success: function (records) {
            Chart.register(ChartDataLabels);
            new Chart("CostScrap_sf", {
                type: "bar",
                data: {
                    labels: records.map(function (e) { return e.fecha }),
                    datasets: [{
                        label: 'Cost''Sunroof',
                        backgroundColor: color,
                        data: records.map(function (e) { return e.total })
                    }]
                },
                options: {
                    responsive: true,
                    plugins: {
                        title: {
                            display: true,
                            text: 'Scrap Cost from ' + $datein.value + ' to ' + $dateout.value
                        },
                        datalabels: {
                            color: 'black''white',
                            anchordisplay: 'end',function (context) {
                            align: 'top',
   return context.dataset.data[context.dataIndex] > 15;
                      display: true     },
                            font: {
                                weight: 'bold'
                            },
                        }    formatter: Math.round
                        }
                    }
                });
        }
    });
}

Actualmente tengo esto: introducir la descripción de la imagen aquí

Gráficos antes de actualizar introducir la descripción de la imagen aquí

Gráficos después de actualizar introducir la descripción de la imagen aquí

function GraphCost() {
    var $datein = document.getElementById('datein_cost');
    var $dateout = document.getElementById('dateout_cost');
    var color = "#" + Math.floor(Math.random() * 16777215).toString(16);

    var chartExist = Chart.getChart("CostScrap_sf"); // <canvas> id
    if (chartExist != undefined)
        chartExist.destroy();//si canvas existe lo destruye 
    

    $.ajax({
        method: "GET",
        url: "../Reportes/GetScrapCost",
        contentType: "aplication/json; Charset=utf-8",
        data: { 'datein': $datein.value, 'dateout': $dateout.value },
        async: true,
        success: function (records) {
            Chart.register(ChartDataLabels);
            new Chart("CostScrap_sf", {
                type: "bar",
                data: {
                    labels: records.map(function (e) { return e.fecha }),
                    datasets: [{
                        label: 'Cost',
                        backgroundColor: color,
                        data: records.map(function (e) { return e.total })
                    }]
                },
                options: {
                    responsive: true,
                    plugins: {
                        title: {
                            display: true,
                            text: 'Scrap Cost from ' + $datein.value + ' to ' + $dateout.value
                        },
                        datalabels: {
                            color: 'black',
                            anchor: 'end',
                            align: 'top',
                            display: true,
                            font: {
                                weight: 'bold'
                            }
                        }
                    }
                }
            });
        }
    });
}

Actualmente tengo esto: introducir la descripción de la imagen aquí

Gráficos antes de actualizar introducir la descripción de la imagen aquí

Gráficos después de actualizar introducir la descripción de la imagen aquí

new Chart("CostScrap_sf", {
                type: "bar",
                data: {
                    labels: records.map(function (e) { return e.fecha }),
                    datasets: [{
                        label: 'Sunroof',
                        backgroundColor: color,
                        data: records.map(function (e) { return e.total })
                    }]
                },
                options: {
                    responsive: true,
                    plugins: {
                        title: {
                            display: true,
                            text: 'Scrap Cost from ' + $datein.value + ' to ' + $dateout.value
                        },
                        datalabels: {
                            color: 'white',
                            display: function (context) {
                                return context.dataset.data[context.dataIndex] > 15;
                            },
                            font: {
                                weight: 'bold'
                            },
                            formatter: Math.round
                        }
                    }
                }
            });

Actualmente tengo esto: introducir la descripción de la imagen aquí

se añadieron 992 caracteres en el cuerpo
Origen Enlace
Robinson
  • 183
  • 12
function GraphCost() {
    var $datein = document.getElementById('datein_cost');
    var $dateout = document.getElementById('dateout_cost');
    var color = "#" + Math.floor(Math.random() * 16777215).toString(16);

    var chartExist = Chart.getChart("CostScrap_sf"); // <canvas> id
    if (chartExist != undefined)
        chartExist.destroy();//si canvas existe lo destruye 
    

    $.ajax({
        method: "GET",
        url: "../Reportes/GetScrapCost",
        contentType: "aplication/json; Charset=utf-8",
        data: { 'datein': $datein.value, 'dateout': $dateout.value },
        async: true,
        success: function (records) {
            Chart.register(ChartDataLabels);
            new Chart("CostScrap_sf", {
                type: "bar",
                data: {
                    labels: records.map(function (e) { return e.fecha }),
                    datasets: [{
                        label: 'Sunroof''Cost',
                        backgroundColor: color,
                        data: records.map(function (e) { return e.total })
                    }]
                },
                options: {
                    responsive: true,
                    plugins: {
                        title: {
                            display: true,
                            text: 'Scrap Cost from ' + $datein.value + ' to ' + $dateout.value
                        },
                        datalabels: {
                            color: 'white''black',
                            displayanchor: function (context) {'end',
                                return context.dataset.data[context.dataIndex] >align: 15;'top',
                            }display: true,
                            font: {
                                weight: 'bold'
                            },
                            formatter: Math.round}
                        }
                    }
                });
        }
    });
}

Actualmente tengo esto: introducir la descripción de la imagen aquí

Gráficos antes de actualizar introducir la descripción de la imagen aquí

Gráficos después de actualizar introducir la descripción de la imagen aquí

new Chart("CostScrap_sf", {
                type: "bar",
                data: {
                    labels: records.map(function (e) { return e.fecha }),
                    datasets: [{
                        label: 'Sunroof',
                        backgroundColor: color,
                        data: records.map(function (e) { return e.total })
                    }]
                },
                options: {
                    responsive: true,
                    plugins: {
                        title: {
                            display: true,
                            text: 'Scrap Cost from ' + $datein.value + ' to ' + $dateout.value
                        },
                        datalabels: {
                            color: 'white',
                            display: function (context) {
                                return context.dataset.data[context.dataIndex] > 15;
                            },
                            font: {
                                weight: 'bold'
                            },
                            formatter: Math.round
                        }
                    }
                }
            });

Actualmente tengo esto: introducir la descripción de la imagen aquí

function GraphCost() {
    var $datein = document.getElementById('datein_cost');
    var $dateout = document.getElementById('dateout_cost');
    var color = "#" + Math.floor(Math.random() * 16777215).toString(16);

    var chartExist = Chart.getChart("CostScrap_sf"); // <canvas> id
    if (chartExist != undefined)
        chartExist.destroy();//si canvas existe lo destruye 
    

    $.ajax({
        method: "GET",
        url: "../Reportes/GetScrapCost",
        contentType: "aplication/json; Charset=utf-8",
        data: { 'datein': $datein.value, 'dateout': $dateout.value },
        async: true,
        success: function (records) {
            Chart.register(ChartDataLabels);
            new Chart("CostScrap_sf", {
                type: "bar",
                data: {
                    labels: records.map(function (e) { return e.fecha }),
                    datasets: [{
                        label: 'Cost',
                        backgroundColor: color,
                        data: records.map(function (e) { return e.total })
                    }]
                },
                options: {
                    responsive: true,
                    plugins: {
                        title: {
                            display: true,
                            text: 'Scrap Cost from ' + $datein.value + ' to ' + $dateout.value
                        },
                        datalabels: {
                            color: 'black',
                            anchor: 'end',
                            align: 'top',
                            display: true,
                            font: {
                                weight: 'bold'
                            }
                        }
                    }
                }
            });
        }
    });
}

Actualmente tengo esto: introducir la descripción de la imagen aquí

Gráficos antes de actualizar introducir la descripción de la imagen aquí

Gráficos después de actualizar introducir la descripción de la imagen aquí

se añadieron 129 caracteres en el cuerpo
Origen Enlace
Robinson
  • 183
  • 12

Se supondría que el atributo datalabels funcionaria para configurarlo, el resultado que espero es algo como esto:   

introducir la descripción de la imagen aquí

Actualmente tengo esto: introducir la descripción de la imagen aquí

Se supondría que el atributo datalabels funcionaria para configurarlo, el resultado que espero es algo como esto:  introducir la descripción de la imagen aquí

Se supondría que el atributo datalabels funcionaria para configurarlo, el resultado que espero es algo como esto: 

introducir la descripción de la imagen aquí

Actualmente tengo esto: introducir la descripción de la imagen aquí

Origen Enlace
Robinson
  • 183
  • 12
Loading