Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

212
Views
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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!