Skip to main content
Filter by
Sorted by
Tagged with
2 votes
1 answer
10k views

How do I change axis, title, legend formatting on chartjs template

still new to javascript and html, I have managed to build a simple calculator that will also graph some of the outputs. To do so I am using the below chartjs template. I would like to be able to ...
user3089117's user avatar
1 vote
1 answer
357 views

Tooltip does not appear

I am trying to display the tooltip when you hover over the marker, as the following image: https://f.cloud.github.com/assets/811258/632902/b958437e-d1ee-11e2-9c2b-2c3b76d6b95a.png But I can not get ...
treska's user avatar
  • 21
0 votes
0 answers
1k views

Chart.js line graph not updating when input values are changed

I'm a bit stuck on this problem involving Chart.js and I'm trying to figure out whether the bug is occurring because of my code or if it's something to do with the API. I have a simple chart that ...
GrepGrep's user avatar
  • 433
59 votes
5 answers
117k views

How can labels/legends be added for all chart types in chart.js (chartjs.org)?

The documentation for chart.js mentions "legend templates" but gives no resources or examples of such legends. How can these be displayed?
Kanishka's user avatar
  • 601
0 votes
0 answers
219 views

Drawing a line chart on a canvas while containing div faded out. Then fading in again

I have a situation where I'm using the chart.js library to draw a chart on a canvas inbetween 'slide transitions'. During a 'transition' I fade it's container div (i.e. not the canvas itself) out ...
Senjai's user avatar
  • 1,817
0 votes
3 answers
13k views

Displaying a chart using Chart.js

I'm pretty new to JavaScript and HTML5. I'm trying to print a normal line chart onto canvas using Chart.js. I followed the step by step guide on their website, but am unable to make the graph show. ...
Abdul Jabbar's user avatar
  • 2,573
91 votes
8 answers
146k views

Chart.js - Formatting Y axis

I'm using Chart.js to draw a simple bar plot and I need to format its Y axis like 123456.05 to 123 456,05 $ I don't understand how to use scaleLabel : "<%=value%>" I saw someone pointing to ...
Pierre de LESPINAY's user avatar
7 votes
1 answer
21k views

How to add datas to chart js from javascript array itself?

I would like to use chart js in there at data structure data, if i give number as data : [40,80,5,190,56,55,40] working fine. If i give a array variable or string variable which holds that number ...
sun's user avatar
  • 1,668
46 votes
7 answers
147k views

Converting Chart.js canvas chart to image using .toDataUrl() results in blank image

I am using Chart.js. I am trying to convert the chart to an image by getting a base 64 string. The tutorial (http://www.chartjs.org/docs/) devotes an entire 1 line on the topic: The canvas element ...
chiliNUT's user avatar
  • 19.6k
0 votes
1 answer
571 views

Chart.js doubles in size each time user scrolls to it

Here is a JSFiddle for the problem. When a user scrolls to the chart and it is visible in the window, the chart appears with the animation. However, when a user scrolls back up and then scrolls down ...
David Ingledow's user avatar
20 votes
4 answers
95k views

Draw a Chart.js with ajax data and responsive. A few problems and questions

I am using Chart.js (http://www.chartjs.org/docs/) for charting. I need to get the data from an Ajax request and the chart to be responsive. In my HTML code I added a canvas as follows: <div>...
Miguel Moura's user avatar
  • 39.1k
1 vote
2 answers
2k views

chart.js - Disable labels

I'm using Chart.js. How can I disable the labels, both X and Y? <canvas id="canvas-2010" width="800" style="width: 100% !important; height: auto !important;"></canvas> <script> ...
Jens Törnell's user avatar
111 votes
19 answers
302k views

Chart.js canvas resize

In (Android WebView HTML5 canvas error) i posted a question regarding plotting graphs using Graph.js library. The problem i have now is that if i call the function to plot the graph multiple times, ...
Jaka's user avatar
  • 1,413
6 votes
3 answers
11k views

Chart.js - How to set animation speed?

I'm using Chart.js (documentation), but there doesn't seem to be an option to set the animation speed. I can't even seem to find an animation speed / time variable in the source code. How do I go ...
jlmmns's user avatar
  • 845
8 votes
4 answers
22k views

Chart.js set Doughnut background-color?

I'm using Chart.js (documentation), but I can't seem to set a background color to the Donut path. It isn't even mentioned in the docs. What I'm trying to achieve: Current code: var ...
jlmmns's user avatar
  • 845
0 votes
0 answers
191 views

Django Serialized Objects and Chartjs Interaction

I want to serialize a Django model that represents some user statistics. I'm aware of how to serialize the desired Django model, but how do I get the ChartJS script to interact with the serialized ...
Iohannes's user avatar
  • 277
0 votes
3 answers
5k views

Android WebView HTML5 canvas error

I have an Android application which uses WebView to load the GUI using HTML. There is a <canvas> element into which i draw charts using Chart.js Javascript library for plotting charts. It was ...
Jaka's user avatar
  • 1,413
0 votes
2 answers
554 views

how to add tool tip in yii-chartjs extension

I am using yii-chartjs extension in my project. it works fine, but i want to add tool tip in Doughnut Chart. or is there any way to add labels in the chart. thanks.
Anooj P's user avatar
  • 346
1 vote
1 answer
145 views

Why do literal arrays work, but not coded arrays?

I am trying to use Chart.js. If I pass the chart creator the example code: var data = { labels : ["January","February","March","April","May","June","July"], datasets : [ { ...
JosephGarrone's user avatar
2 votes
1 answer
1k views

how to put a y-axis and x-axis label while using html and chartjs

I have a chartjs plug-ins for drawing chart. I render the chart data to the canvas html control. The problem is while usign chartjs I couldt add x-axis and y-axis label. Any one tel me how to show the ...
Siva Rajagopal's user avatar
3 votes
2 answers
2k views

Extjs with Devexpress ChartJS

I would like to embed dxChart from Devexpress into a extjs panel... Here are my basic attempt: var chart = $('#chartContainer').dxChart({ size:{height:200,...
user2633804's user avatar
8 votes
2 answers
13k views

Bootstrap grid not working with canvas

I'm trying to place a chart using Chart.js on a row with span6. Chart.js uses <canvas> and needs a height and width property. I've set the height to what I need and the width to 100% but it ...
user avatar
184 votes
17 answers
481k views

Dynamically update values of a chartjs chart

I created an basic bar chart using chartjs and it works fine. Now I want to update the values on a time based interval. My problem is that after I created the chart, I do not know how to update its ...
adanlif's user avatar
  • 2,039
0 votes
0 answers
134 views

Unable to output array to a specific format

I am trying to get this array output in this format to be used by Chart.js in Yii. This is the array I need to get: Array ( [0] => Array ( [value] => 50 [...
Sankalp Singha's user avatar
2 votes
1 answer
1k views

Point unselection in ChartJS

I'm using the ChartJS library, and have a custom pie chart like in this Fiddle. I can select pie's sector but I can't unselect this. I find the function clearSelection() in the documentation, but I ...
Any Mitchel's user avatar
0 votes
2 answers
230 views

Exclude value if under a certain percentage

I am trying to make a pie chart, using chartjs, to display almost all the data in a database. What it does is count how many times a certain word is used in the database and it uses that count as the ...
user2444539's user avatar
1 vote
1 answer
3k views

Configuring ChartJS from VB.NET

I'm still trying to finish my charting with using ChartJS. It goes quite well but I met a problem which I can not resolve. I'm trying to show a chart of my customer sales. It works, but he wants me ...
Siddanna Agrwal's user avatar
4 votes
1 answer
3k views

ChartJS is not rendered

I am Web Forms developer and not really good with JavaScript Now I need to add charts in my project, and my customer chose these ChartJS Yes, they look extremely good, their demo is quite beautiful ...
Siddanna Agrwal's user avatar
2 votes
4 answers
3k views

Javascript function to check for missing dates on JSON object

I am in my rookie stage learning javascript. I made an API that gets a number of users registered on a certain date and returns this data as a JSON object. Here is a sample of that data {"...
Magondu's user avatar
  • 197
1 vote
1 answer
2k views

Canvas displays initially in Chrome but not in Firefox

I am currently developing a simple graphing service. It uses Chart.js for rendering (Canvas based). The problem is that the charts don't show up in Firefox 21 initially although they show up in ...
Juho Vepsäläinen's user avatar
41 votes
4 answers
85k views

How to add labels into Chart.js canvas plugin?

I'm using the awesome plugin Chart.js, and I'm trying to find the way of display labels within each percentage. So I googled it, and I found this pull: https://github.com/nnnick/Chart.js/pull/35 I ...
mllamazares's user avatar
  • 8,146
19 votes
1 answer
22k views

How to add tooltips to chart.js graph

I'm working on a webapp and I recently swapped google charts with chart.js because it is visually more appealing. However, the one loss that I took is that I can no longer get tooltips above the data ...
Eric's user avatar
  • 1,366
85 votes
8 answers
93k views

Change the Y-axis values from real numbers to integers in Chart.js

I have a chart that I want to include in my website using Chart.js. In the Y-axis, it gives me real numbers instead of integers. How can I change the number to integers? Here's a picture of what I ...
Rachid O's user avatar
  • 13.9k
5 votes
3 answers
3k views

Difference between DXTREME and PhoneGap

Can anyone help me with what are the differences between DXTREME and PhoneGap?
radin_ehsan's user avatar

1
244 245 246 247
248