Jump to content

Formatar(moeda Real) o eixo Y no gráfico em linha usando CHART.JS


Giliane Baldissera

Postagens Recomendadas

Alguém consegue me dizer se é possível? e me dar uma direção de como fazer?

var ctx = document.getElementById("meta").getContext('2d');

                    let chart = new Chart(ctx, {

                        type: 'line',

                        data: {

                            labels: [res.data.dados.meta[0].cmes,res.data.dados.meta[1].cmes,res.data.dados.meta[2].cmes,res.data.dados.meta[3].cmes,res.data.dados.meta[4].cmes,res.data.dados.meta[5].cmes,res.data.dados.meta[6].cmes,res.data.dados.meta[7].cmes,res.data.dados.meta[8].cmes,res.data.dados.meta[9].cmes,res.data.dados.meta[10].cmes,res.data.dados.meta[11].cmes],

                            datasets: [{

                                label:' Metas',

                                borderWidth:2,

                                borderColor:'rgb(255,0,0)',

                                               //backgroundColor: 'rgb(255,0,0)',

                                backgroundColor: 'transparent',

                               

                                data: [res.data.dados.meta[0].meta,res.data.dados.meta[1].meta,res.data.dados.meta[2].meta,res.data.dados.meta[3].meta,res.data.dados.meta[4].meta,res.data.dados.meta[5].meta,res.data.dados.meta[6].meta,res.data.dados.meta[7].meta,res.data.dados.meta[8].meta,res.data.dados.meta[9].meta,res.data.dados.meta[10].meta,res.data.dados.meta[11].meta],

                            },

                            {

                                label:'Realizado',

                                borderWidth:2,

                                borderColor:'rgb(0,0,255)',

                                //backgroundColor: 'rgb(0,0,255)',

                                backgroundColor: 'transparent',

                                data: [res.data.dados.meta[0].fatur,res.data.dados.meta[1].fatur,res.data.dados.meta[2].fatur,res.data.dados.meta[3].fatur,res.data.dados.meta[4].fatur,res.data.dados.meta[5].fatur,res.data.dados.meta[6].fatur,res.data.dados.meta[7].fatur,res.data.dados.meta[8].fatur,res.data.dados.meta[9].fatur,res.data.dados.meta[10].fatur,res.data.dados.meta[11].fatur]

                            }]

                        },

                        options: {

                            scales: {

                                y: {

                                    ticks: {

                                        userCallback: function(value, index, values) {

                                            return '$' + Chart.Ticks.formatters.numeric.apply(this, [value, index, ticks]);

                                        }

                                    }

                                }

                            },

                           // locale:'pt-BR',

                            elements: {

                                line: {

                                    tension: 0.1,

                                },

                                title: {

                                    display: true,

                                    fontSize: 12,

                                    text: "META x REALIZADO",

                                },

                               

                                scales: {

                                    yAxes: [{

                                       

                                        ticks: {

                                            userCallback: function(value, index, values) {

                                           // return value.toLocaleString('pt-BR', {style: 'currency', currency: 'BRL'});

                                            return value.toLocaleString("en-US",{style:"currency", currency:"USD"});

                                       

                                            }

                                        },

                                    }]

                                }

                                                               

                            },

                        }

                       });

 

  • Curtir 1
Link to comment
Compartilhe em outros sites

  • Giliane Baldissera mudou o título para Formatar(moeda Real) o eixo Y no gráfico em linha usando CHART.JS

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora


×
×
  • Create New...