yax | Yet another store using redux | Router library

I have a chart that shows various data points. Some of these data points are high numbers and some are low numbers.

The low numbers (visits) I can scale to a different scale and this new scale can be put on the "X" axis (It's the "Y" axis and then rotated 90degrees). But the problem is:

• The grid remains even when removed
• The

How can I extrapolate the poistion on the graph without adjusting the label data on hover?2 I have search Stackoverflow and ChartJS documentation but can't see how this can be done.

I was trying to use the "other" axis (in this case the top horizontal bar of the chart) so that the scale would be relative and raw data editing would not be needed but I can't get that to work and can't find documentation on this. I'm sure it's possible but I can't see how where.

I have found this question but this related only to ChartJS V2 .

Current version used is ChartJS 3.2.1

I used the "Range Selector plugin" to create a line chart with the date selector.

The following codes are in my HTML file:

I am not really familiar with the Chart.js V3.7.0(This is the version I am currently using) So I tried in different ways to display different values on xAxes and different values on the tooltip. What's important here to note, is that I am using Php to echo the values inside the dataset.

For example (the data variable I use):

I am trying to achieve the Tooltip shown below in the first image. Inside of the tooltip I need to display the yAxes and xAxes data. The chart.js version I am using is 3.7.0

My tooltip looks like this:

The tooltip that I am trying copy:

The chart.js documentation is quite hard for me to understand. Is there any guru that can explain to me.

Question: Why is my tooltip returning the yAxes data, that I return as a variable(label) as undefined?

Are there any other options I can use to make my chart look like the chart in the second picture?

My Code:

the version of Chart JS is 3.7.0

I am looking for a way to make my chart's points look from this:

to something like this:

I found out that there is an option in this library where you can set the points to a certain shape. e.x: pointStyle: 'rectRot' will make the points appearance look like this:

Is there an option or a way to achieve what Im looking for? (Check the second picture).

Thanks in advance!

My chart's javascript:

So I have this quite CPU-consuming app: https://codepen.io/team/amcharts/pen/47c41af971fe467b8b41f29be7ed1880

It's a Canvas on which things are drawn (a lot).

HTML:

I am stuck with a problem on chart js while creating line chart. I want to create a chart with the specified data and also need to have horizontal and vertical line while I hover on intersection point. I am able to create vertical line on hover but can not find any solution where I can draw both the line. Here is my code to draw vertical line on hover.

I am using react-chart-2.
When I hover the line graph, the tooltip is displayed, but I want to hide the tooltip when I hover the line graph.
I also want to hide the numbers 0,0.1,0.2 to 1 on the left (y-axis) of the line graph.
How can I implement this to hide the y-axis of the line graph?
Also, how do I hide the tooltip in the line graph?　
　 code

I have embedded line chart from chart JS in vue js project. However my chart is too big for my page. How can I make it appear small and compact in my webpage? This is the first time I am adding charts to vue js. Any advice or tips will be really helpful for me. Thanks. Here is my code.