I’m trying to limit the amount of X ticks displayed on the ChartJS config, but it keeps ignoring the setup. Although I checked other posts, it seems to be some minor differences in the property name and property depth for the maxTicksLimit Maybe the property name is incorrect? Answer This is because you are using V2 of chart.js while using
Tag: chart.js
How to separete chart series into different pane (Chart.js)
I’m working on ASP.NET project (.NET Framework 4.0) and using Chart.js (version 3.5.0) to create chart from data. In this chart, the x axis is month of the year and y axis is for the data value. Because there are 2 series with different unit of value so I want the series to be in different pane as shown in
Can Chart.js Horizontal bar work with time series data?
I am trying to develop a stacked bar graph based on time series data. The data is representing the running of a machine logged to Influx. Looking about I have not seen this done and cannot seem to get my data to line up correctly to make the stacked bar chart. Essentially I want to show one color for running
Why must I create my VueJS application before using ChartJS?
I have this very simple page, that works properly: However, if I invert the blocs of JS to use ChartJS first and then to create the VueJS application, the page no longer works: the chart is not shown. Why? I have noticed that I can change my HTML’s body a little in order to be able to use ChartJS before
Show/hide All nested data in ChartJS Pie chart when outer is shown/hidden
I am attempting to create a nested pie/doughnut chart in ChartJS 3 and am having issues with correctly displaying the data when one of the outer segments are hidden using the legend. The second inner ring of data is just the outer ring split into more specific segments: Outer: [541, 147, 8] Inner: [300, 241, 100, 47, 8] When the
How do I remove the ticks or inner circles of my polar area chart Chart.js
I have written the code for my chart in Jquery and I am using the chart to display data on my Django Web Page, I want to remove the inner circles which I think are called ticks along with the small numbers that are displayed with them. I have tried to use the ticks:{ display: false, } and scale:{ display:
JavaScript function based on counter
I have a chartJS graph. What I am trying to do is to enlarge the section of my graph when a segment of the pie chart is selected. Then decrease it when another section is selected. I am able to increase the section by the following (this works): if you imagine a pie chart I want to select a segment
Generate an indefinite number of charts as images (chart.js)
I would like to generate several “line charts” as an image file. For this purpose, data is requested from a database. This data is transferred to the function for chart generation separately for each line chart. At the “console.log” output at the beginning of the function, the transferred data is correctly displayed. If I query the same output of the
chartjs 3.6.0 add X label
I used following code in Chart 2.2.1 and it worked well and we can see label Time. Now we want to upgrade to 3.6.0 due to security reasons, but snippet stopped working. I attach 2 fiddles Working 2.2.1: https://jsfiddle.net/maksim_beliaev/2ru3g5ot/8/ Not working 3.6.0: https://jsfiddle.net/maksim_beliaev/q2poncyd/5/ How can I set label for X and Y axis with new chartjs? In online docs for
How add the sizes of the slices in the pie chart (at the top) in Chart.js?
I am starting to learn the chart.js library. I drew a pie chart (like “pie”). When you hover over the slices of the diagram, a number appears in the pop-up window that sets the size of the sector. How can you make this number still displayed at the top, where the sectors are listed (I marked this place with a