question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bar Charts 'numeric' tickPlacement: 'on' stopped working

See original GitHub issue

We want to show the Revenue per Year in the following chart. It’s a ‘numeric’ chart. However, the X-axis doesn’t show the exact value of the year, and instead shows “every half” year.

We chose “numeric” as chart-type, because datetime was not suitable either. “datetime” didn’t show EVERY year (but only every 5th year or so), which is not what we want. If we select “category”, the chart won’t be zoomable 😕.

Screenshot 2019-10-07 15 34 46 Screenshot 2019-10-07 15 39 01

` ApexCharts.exec(“vuechart-example”, “updateOptions”, { series: new_series, xaxis: {
type: ‘numeric’, tickAmount: ‘dataPoints’, tickPlacement: ‘on’ // categories: arr_year } });

`

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7

github_iconTop GitHub Comments

2reactions
oscarhogervorstcommented, Aug 5, 2020

I’d like to bring this to the attention once more.

Concretely, in my case, in an area graph(without explicitly setting xaxis.type) changing xaxis.tickPlacement to anything except ‘between’ makes it display labels in the tooltip as 1,2,3,4, etc. Setting no other combination of xaxis.type and xaxis.tickPlacement works, but I can see the label as displayed in the tooltip being processed differently, which makes me suspect this is a bug.

Happy to provide more info if it helps the bugfix.

0reactions
github-actions[bot]commented, Nov 2, 2021

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Read more comments on GitHub >

github_iconTop Results From Across the Web

tickAmount from apexcharts not working properly
I am trying to create a graph component for my react project. Although I specify tickAmount as 10 it is displaying all numbers...
Read more >
xaxis - ApexCharts.js
Note: tickPlacement only works for xaxis.type: category charts and not for datetime charts. min: Number. The lowest number to be set for the...
Read more >
Bar chart display unit not working with custom number format
Solved: Hi, I have a simple measure with custom format "\£#,#.#;(\£#,#.#);"Zero"". The custom format works fine on bar chart But.
Read more >
A Complete Guide to Bar Charts | Tutorial by Chartio
Bar charts are a fundamental visualization for comparing values between groups of data. Use this guide to learn how to get the most...
Read more >
yAxis.tickPosition | highcharts API Reference
In case of an inverted column chart or a bar chart the label is placed to the right of positive bars and to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found