12,384
questions
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 ...
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 ...
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 ...
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?
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 ...
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.
...
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 ...
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 ...
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 ...
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 ...
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>...
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>
...
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, ...
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 ...
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 ...
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 ...
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 ...
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.
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 : [
{
...
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 ...
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,...
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 ...
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 ...
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
[...
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 ...
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 ...
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 ...
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 ...
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
{"...
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 ...
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 ...
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 ...
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 ...
5
votes
3
answers
3k
views
Difference between DXTREME and PhoneGap
Can anyone help me with what are the differences between DXTREME and PhoneGap?