I’m currently using ApexChart to display a Line Chart. Question: I was wondering if there is a way to set fixed axis label values. My research effort For example: Let’s say I want a Line Chart that displays some count per hour in a 24 hour period with ticks at the [00:00, 06:00, 12:00, 18:00] hour mark on the x-axis(this
Tag: charts
How can I move cursor over chart at any place and not just on the series data points?
I have 2 point line series each having default cursor on them. The default cursor runs along the series data (points). What I want is a cursor that I can move anywhere in the chart not just on the series data. Answer thanks for your question. Based on the tags, I’ll assume you are using LightningChart JS. If I understood
Chartsjs update datasets with dropdown
Ok, I got a chart.js on my website. Now I try to change between different datasets with a dropdown menu. I got an example of a canvas.js chart and tried to change it for my needs. But I struggle to do it because I don’t understand how to do it with charts. Could someone show me how to do it
Small value in doughnut chart is not visible – Chartjs
Small data isn’t visible for doughnut chart type. Can i resize it without change label value? My chart options: Example: http://jsfiddle.net/Lkya2tqb/ Answer I converted the dataset to percent and round a small value to 1. Create callback for tooltip.
Chart.js 2.7.2- Multiline get point value onClick
I would like to get value foreach point value. Don’t work because when I click on point I obtain only of the first line value. GetElementsAtEvent give me an array of 3 element (element active) but how I can get the clicked value? This the Complete code. Thanks Answer To get the exact element, use ctx.getElementAtEvent.
Google chart line with zoom and select event
I built a line chart that fire an alert when the points are clicked, that works fine. The problem is when I add the ‘explorer’ option (commented line, below) to enable the scroll zoom on the chart: the select event doesn’t fire and the click doesn’t work anymore (fiddle)… Please check this fiddle Answer Put the draw method after register
Chart.js OnClick event with a mixed chart, which chart did I click?
EDIT: Modified to add options, and a suggested (from the answer) chartClickEvent, here is a jsfiddle: http://jsfiddle.net/jmpxgufu/174/ Imagine if you will a Chart.js mixed chart with the following config: As my chartClickEvent says, my array is length 2, because I have two charts. That’s great and all, but I have no idea how to figure out whether to use array[0]
Recharts – Normalised Stacked Bar Charts
I’m pretty new to both React and Recharts and I’m sitting with a bit of a predicament. I did quite a bit of reading up but I can’t seem to find what I’m looking for, so I am hoping I can get some help here. I have a dataset that includes a list of processes with completed, failed and in
Vue Chart.js – Chart is not updating when data is changing
I’m using Vue.js and Chart.js to draw some charts. Each time I call the function generateChart(), the chart is not updated automatically. When I check the data in Vue Devtools, they are correct but the chart does not reflect the data. However, the chart does update when I resize the window. What is wrong with what I’m doing? How do
Make google chart responsive
Im using google charts in a project but im having a hard time to make them responsive. Iǘe seen other examples on responsive charts but I cant seem to get it to work in my case. All my charts gets rendered and after that their sizes do not change. If someone can make this chart responsive id appreciate it. Thank