chart.js Questions

3

Solved

After running 'npm start' on my localhost, I am getting the following error: ./node_modules/chart.js/dist/chart.js 695:18 Module parse failed: Unexpected token (695:18) File was processed with thes...
Darmit asked 15/11, 2022 at 11:19

5

Solved

I want to display a chart using chart.js in angular. In first time I try to implement a example took on the net and I have no problem during the compilation. This is the code in my .ts : import { C...
Retarded asked 24/4, 2021 at 1:49

2

Solved

I use chart.js to make a line chart but I can't change the color line of my chart, I saw it grey. My code is... $(document).ready(function(){ $.ajax({ url: "chart/maderas_Chart.php", method: "GE...
Novelette asked 19/9, 2017 at 13:14

8

Solved

I am trying to hot swap chart types based on select box changes. If data needs to be updated, it changes. So for example, on page load I create a chart like this: var config = { type: 'line', d...
Revanche asked 30/4, 2016 at 0:19

6

Solved

I am creating line charts with 2 y-axes. one of those axes has two datasets but both run from the range of 0-100. The higher number being the better one. The second y-axis is usually lower in range...
Caspar asked 9/11, 2015 at 11:22

11

Solved

I am using this library to draw charts in my web app. The issue is that I am having decimal points in my y-axis. You can see that in the image below Is there a way that I can restrict it to only ...
Inez asked 8/6, 2016 at 10:8

3

I am trying to integrate chartjs with importmaps in rails 7 but its not working I have tried with following procedure bin/importmap pin "chart.js@^3.8.0" --download here is my applicati...
Thus asked 4/6, 2022 at 13:21

11

Solved

I am working on a React app where i want to display charts. I tried to use react-chartjs-2 but i can't find a way to make it work. when i try to use Pie component, I get the error: Error: "arc...
Dermot asked 24/11, 2021 at 15:3

4

Solved

Im using chartjs (bar chart) to display some data. Im trying to dynamically add data to datasets array but its not working. for example, lets say I have 2 objects in datasets array, and I dynamica...
Draughtboard asked 25/6, 2015 at 19:42

2

I am using chart.js .Bar() charts. However, on some conditions there may be no data in the system. Short of creating empty (dummy) datasets, can I somehow make chartjs draw an empty plot?
Lite asked 14/12, 2014 at 3:22

2

Solved

I'm using react-chartjs-2 library to make simple charts in React. I tried to customize a bit the tooltip by adding a title: tooltips: { callbacks: { label: (tooltipItem, data) => { return too...
Doncaster asked 27/8, 2021 at 22:58

5

Solved

I am using Chart JS library to create charts https://www.chartjs.org/ Say I have the below code <div class="card-body "> <canvas id="bidStatus"></canvas> </div> Usin...
Indissoluble asked 13/9, 2018 at 18:52

11

Solved

I have the following code to create a graph using Chart.js v2.1.3: var ctx = $('#gold_chart'); var goldChart = new Chart(ctx, { type: 'line', data: { labels: dates, datasets: [{ label: 'I want...
Legitimatize asked 13/5, 2016 at 7:52

3

Chart.js is a very popular JavaScript library for making charts. A timeline is a very popular type of chart. It looks like chart.js can make many different types of charts, except timelines. Is it ...
Outpatient asked 1/9, 2019 at 23:5

24

Solved

The API for chart.js allows one to edit points of the datasets loaded into it, for example: .update( ) Calling update() on your Chart instance will re-render the chart with any updated value...
Flittermouse asked 16/7, 2014 at 16:15

3

Solved

I try to have in the same time datalabels and the sum display in my stacked bar chart. I use chartjs-plugin-datalabels.js to display datalabels or sum. Above just with datalabels: Above just wi...
Pros asked 30/5, 2018 at 9:51

2

I have to upload a 90 MB CSV file and then analyze it with chart.js as a chart. The CSV file has measured values that are recorded per minute. The 90 MB are then almost a year's worth of data. I ha...
Residential asked 5/1 at 12:3

10

Solved

In Chart.js V1.0, I would add tooltipTemplate: "<%if (label){%><%=label %>: <%}%><%= '€' + value %>" to add a euro symbol as prefix to the tooltip label. However, this no lo...
Dorser asked 11/1, 2016 at 11:35

1

I'd like to use chartjs-chart-financial to plot a 'candlestick' chart. However, chartjs-chart-financial isn't published to npm yet. I run an npm install followed by gulp build in the directory that...
Suannesuarez asked 19/9, 2020 at 2:53

2

Solved

My test passes just fine, however I get the following error. console.error node_modules/chart.js/src/core/core.controller.js:127 Failed to create chart: can't acquire context from the given item...
Sirois asked 28/12, 2018 at 16:26

15

Solved

I have a bar chart where I have drawn 3 vertical lines, each with it's own label at the top. I would like those labels to be above the top of the y-axis (above the 30% line in the example) but belo...
Woodard asked 3/3, 2017 at 18:16

3

Solved

I have this code, which, for some reason, will grow when I resize a window, but not shrink. I was wondering how to remedy this. https://codesandbox.io/s/react-chartjs-2-example-1nur4 import React...
Caddis asked 7/8, 2019 at 1:43

6

Solved

I would like to disable chart.js Spider chart legend click because when I click on the legend the data series is hiding the associated set of values as shown in the below images. My requiremen...
Vickery asked 26/7, 2016 at 7:45

2

The documentation of chartJS plugins is available here, however it is incomplete as there is no full description of each of the hooks: afterInit beforeUpdate (cancellable) afterUpdate beforeLayou...
Panicle asked 29/3, 2019 at 11:13

3

Solved

So I tried to make a gradient fill for the ChartJS doughnut chart, but this only works horizontal and not in a circle. This is the code that I'm using: var ctx = document.getElementById("chart-a...
Therrien asked 12/5, 2015 at 9:11

© 2022 - 2024 — McMap. All rights reserved.