Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

209
Vistas
Chart.js separate Y and X line

I need separate the Y line (line on the left side) from X line (line on bottom side)

Libraries:

  • Vue.js 3
  • Chart.js 3
  • vue-chart-3

Configuration:

{
  scales: {
    xAxes: {
      offset: true,
      grid: {
        borderColor: '#fff',
        borderWidth: 1.5,
        tickWidth: 1.5,
        tickLength: 5,
        tickColor: '#fff',
        drawOnChartArea: false
      },
      ticks: {},
    },
    yAxes: {
      offset: true,
      grid: {
        borderColor: '#bada55',
        borderWidth: 1.5,
        color: 'rgb(40, 40, 40)',
        tickWidth: 0,
        borderDashOffset: 100
      },
      ticks: {
        callback: function (value: any) {
          if (value < 1000000) {
            let val = (value / 1000)
            return Math.round(val * 100) / 100 + 'k'
          } else {
            let val = (value / 1000000)
            return Math.round(val * 100) / 100 + 'M'
          }
        }
      }
    }
  }
}

I have a chart:

chart

It should look like this chart: (bottom left corner)

enter image description here

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda