How to Create Highlighted X Scale Labels on Bar Hover in Chart JS 4

[@1stswagmastere218]

Thanks for answering my question! 😊

[@АннаГрызлова-р4в]

Hi! Could you tell how implement linear gradient color for each part of pie chart?

[@1stswagmastere218]

Is there a way to apply this same sort of label styling while the labels are rotated? In mobile view, the non-rotated highlight still shows up.

[@VikramHebbar-g2o]

Hi can you show how we can make secondary axis dynamic with slider movement, I have added below code to add secondary grid, but for a set of bars I need to be one label say for first 5-6 bars and remaining bars to show second label in the secondary grid x0: { type: 'category', labels: ['first', 'second'], grid: { display: false, }, border: { display: false }, title: { text, display: false, }, ticks: { maxTicksLimit: 2, }, }

[@fefeb0]

Hey, first of all, thanks for your helpful tutorials! I have a couple of questions that I haven't been able to find answers to, either here on KZbin or in the documentation: 1. Is it possible to specify a fixed distance between bars (e.g. in pixels)? 2. Can we do the same thing between the first/last bar and the start/end of the chart? 3. Is there any way to create a spacing between, let's say, the x axis and the vertical bars?

[@ChartJS-tutorials]

Thank you so much for your kind words. 1: Yes / No. We cannot specify the fixed pixel width as the default it will take the width of the x scale. However we could reassign the position of the bar by the x value position. So not in pixels but the values of the x scale itself and convert that position into a pixel. This must be done with a custom plugin and probably will not consider the bar thickness. This will only be an issue if each bar thickness is not identical or a more complex calculation would be needed. 2: Yes same as above to reposition the x value and convert to the pixel. 3. I think there is a way but it is more a custom option with probably cosmetic solution. All these I do not know if I have a video about but if I have I will link them here or else make a video.

[@paxtonpaxy]

Hi Mr. Chart JS, maybe you already have this, but I wasn’t able to find it. Could you show us if it’s possible to have a timeline chart below the main chart, so that the amount (spectrum selected on the bottom 'timeline' chart) will be shown in the main, larger chart? For example, with a Line chart or Bar chart? Thanks in advance, and keep up the good work!

[@ChartJS-tutorials]

I think you refer to this: kzbin.info/www/bejne/hXvNkImCrN-Zq80 This is part of a video series. But starting from Part 19/20 till part 30 if im not mistaken it covers what you are looking for.

[@paxtonpaxy]

​@@ChartJS-tutorials Yes! ❤ That is exactly what I meant. Thanks so much!