chart.js Questions

3

Here is my chart creation createChart = function (name, contributions, idArray) { globalIdArray = idArray; var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: "b...
Marketplace asked 3/2, 2017 at 15:52

5

Solved

I need to add more space above and below chart area (near top and bottom scale). It seems that only ability to add a padding to the vertical axes. I disabled tick lines according to documentation: ...
Brigadier asked 18/3, 2017 at 5:31

3

Solved

I get a strange error in ChartJS and have no idea how to fix it, due to the error I can't change anything about the scales. My Code (Sensor.tsx): import { useParams } from "solid-app-router&qu...
Komara asked 17/6, 2022 at 19:46

2

I'm using PrimeNG and have a line chart set up that has two data sets. one of those lines is solid, and i'd like to make the other line dashed or dotted. is there an option for this in ChartJS?
Gliadin asked 26/6, 2017 at 15:48

3

Solved

I want to change the color of legend, because I want different colors to represent different situations.But now the legend uses just the first color I set on the bar chart. I also want to ask, is ...
Expanded asked 4/6, 2017 at 9:2

4

Solved

I was able to add an offset to the X Labels but I would like to add an offset to all the points in the dataset. Is it possible? This is the code I'm using: var myChart = new Chart.Line(ctx, { ...
Tremor asked 26/9, 2016 at 10:12

5

I'm working on my first Cordova projects and am trying to use Chart.js. The documentation states that Chart.js should be included like this: <script src="Chart.js"></script> &...
Bicycle asked 31/1, 2017 at 20:38

9

Solved

I'm trying to hide the tooltips in a line chart using chart.js. I have tried this code, but they never hide. Chart.defaults.global.tooltipenabled = false; You can see all the code here of the c...
Apples asked 30/4, 2016 at 10:11

5

Solved

I have drawn a line chart using chart.js. For the labels and datasets i am getting values from the database. I am new to chart.js and its very powerful library, yet i am unable to completely unders...
Transport asked 9/3, 2017 at 9:46

2

Solved

Question Is there any way to add labels to the individual bubbles in a Chart.js bubble chart without resorting to displaying tooltips at all times? Background The chart data is for visualizing o...
Idona asked 21/12, 2016 at 1:28

2

I am trying to create something that looks like this using ChartJS line graph. I've got the top gradient working as I want, I just cannot find a way to get the bottom gradient to change when my dat...
Phosphine asked 3/10, 2018 at 22:7

13

Solved

I am trying to use the basic example of NG2-Charts (http://valor-software.com/ng2-charts/) I copy pasted the HTML part <div style="display: block"> <canvas baseChart [datasets]="barCh...
Mackenzie asked 13/10, 2016 at 8:49

4

Solved

I'm currently attempting to use Chart.js within my react application but when I go to build my application I'm presented with this error ERROR in ./node_modules/chart.js/dist/chart.esm.js Module pa...
Felipafelipe asked 13/4, 2021 at 19:14

13

Solved

I never got into node so I am pretty sure I am doing something massively wrong here since I cannot find any info at all by googling. I have a django site and I wanted a JS charting library, I cho...
Nicosia asked 22/12, 2016 at 10:23

10

Solved

I'm trying to migrate Chart.js from 2.9.3 to 3.3.0 and even after applying the the changes (https://www.chartjs.org/docs/latest/getting-started/v3-migration.html) I'm still getting the error: Error...
Chapland asked 27/5, 2021 at 18:0

2

I want to synchronize pan and zoom on multiple charts. I'm been using Chart.js with chartjs-plugin-zoom. charjs-plugin-zoom calls an event with the onZoom callback function. So, the values ​​at bo...
Tourist asked 1/11, 2019 at 2:37

3

Solved

I am using Chart.js I want a half doughnut chart just like the image below. But I am failed to change the thickness of the pie. I tried the property innerRadius but still it's not working Here i...
Froissart asked 20/4, 2017 at 15:58

9

Solved

How to vary the thickness of doughnut chart, using ChartJs
Bly asked 9/1, 2014 at 7:30

1

Solved

Have a single nodejs project using a PDF generator, and need paste a bar chart into it, but the project runs on a desktopless server. Have any library or method to create a bar chart image on nodej...
Perambulate asked 19/4 at 22:44

3

Solved

I have something like this in my options object const options = { plugins: { legend: { align: 'end', } } } According to Chartjs documentation, align accepts 3 values: start center end The a...
Contrite asked 2/11, 2021 at 10:37

3

Hi im getting this issue and can't quite figure why its saying it. im using vue3 with tailwind. ""export 'default' (imported as 'Chart') was not found in 'chart.js'"
Middleton asked 11/5, 2021 at 19:9

2

Solved

I have a problem on angular ( v5) with this plugin: ng2-charts ( from charts.js) chartjs-plugin-zoom hammer.js I have a simply chart and i'd like to zoom and pan on this, but it doesn't works. I...
Neoplasty asked 31/1, 2018 at 14:47

3

Solved

I am using Chart.js Version: 2.7.3 My Chart Title has three rows. I'd like to make the top row font size 16 then the second 14 and the third 12. I'm not sure if it's possible and haven't found a w...
Angleworm asked 16/4, 2019 at 15:34

4

Solved

How to detect click on an axis label with chart.js In the example bellow, I can only detect click on the graph itself https://stackblitz.com/edit/ng2-charts-bar-template-qchyz6
Saturninasaturnine asked 25/3, 2022 at 10:38

6

Solved

I have tried setting the min-width to 0 on the wrapper div for chart.js, but the chart will grow and then not shrink back down if you drag the window around. I can't figure it out! The only thing ...
Nettlesome asked 25/9, 2018 at 16:29

© 2022 - 2024 — McMap. All rights reserved.