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.

Enable ticks customisation in the bullet

See original GitHub issue

Is your feature request related to a problem? Please describe.

When using a Bullet/ResponsiveBullet component, it’s impossible to customize ticks on the main axis. For example, when range=[0,200] ticks generate automatically as [0, 20, 40, ..., 200] (see the picture below) image

Describe the solution you’d like I would like the ticks to be customisable through for example a step parameter, so when defining the data I could write const data = [ { id: 'first element', range: [0,200], step: 10 }]

Describe alternatives you’ve considered Another customisation I see might be possible is with providing an array of ticks as in Python’s matplotlib. I think this might be not the most optimal one in terms of data usage. In this approach I see it as something like: const data = [ { id: 'first element', range: [0,200], ticks: [0, 10, 20, ..., 200] }]

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:2
  • Comments:10

github_iconTop GitHub Comments

1reaction
panggd-produktivecommented, Dec 14, 2020

+1. I have similar issue as it will be great to support something like axisBottom { format: <codes go here> }

0reactions
mgreenwcommented, Oct 26, 2022

+1

Read more comments on GitHub >

github_iconTop Results From Across the Web

Axis Customization in JavaScript Bullet Chart control
You can customize the width , color , and size of minor and major tick lines using the majorTickLines and minorTickLines properties of...
Read more >
Create custom 'tick, cross and arrow' bullets in Squarespace 7.1
How to create custom 'tick, cross and arrow' bullets in Squarespace 7.1? · 1. Find the character symbol you want to use ·...
Read more >
How to How To Change Bullet Lists Into Checkmarks Or Other ...
Here is a quick Divi tutorial showing you how to easily change bullet lists into check marks and other icons with a few...
Read more >
Create custom bullets with pictures or symbols
Click in the list to which you want to add picture bullets or symbols. · On the Home tab, in the Paragraph group,...
Read more >
How to Customize Tick Labels in Radar Chart in Chart JS
Adding text instead of values in labels means we need to do some advance customization. Chart.js by default does allow option but many...
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