Questions tagged [canvasjs]
CanvasJS is an easy to use HTML5 & JavaScript Charting library built on Canvas element. Graphs can render across devices including iPhone, iPad, Android, Windows Phone, Microsoft Surface, Desktops, etc.
515
questions
0
votes
0
answers
20
views
Google Chrome Update Caused Issues on CanvasJS
After Google Chrome’s latest update, I face incorrect behavior for charts. Mostly mouse events (e.g. zooming, panning) make axis lines, grid lines and axis labels disappear periodically. Does anyone ...
0
votes
1
answer
18
views
Synchronizing multiple (Canvas) on a page using CanvasJS
I'm working on a React application that uses the CanvasJS library to display multiple line charts. I have two or more charts on the same page, and I want to implement synchronization for zooming and ...
1
vote
1
answer
56
views
Uncaught ReferenceError: require is not defined at index-a136b960.js:3888:2474
when i'm hosting my site it's not showing any content and given the error
"Uncaught ReferenceError: require is not defined
at index-a136b960.js:3888:2474"
but this file are not available in ...
0
votes
0
answers
24
views
CanvasJS Line from origin?
I have a generated line chart with a single datapoint. Now I'm suppost to add a Line that goes from the Origin to the datapoint. How do I do that?
Here's my code if needed.
<style>
table....
0
votes
1
answer
25
views
Multiple data series with common labels
using CanvasJS I have two type of data for same dates. The second chart is starting from the left and is not showing in the same X positions as the first chart dates however the dates are the same. ...
1
vote
1
answer
55
views
CanvasJS chart not updating on first page load
I am developing a web application where I want to present data in the form of a line graph. For this I am using the CanvasJS component CanvasJSChart. Everything works well except that the graph is not ...
-1
votes
1
answer
21
views
How can I display the date in a CanvasJs chart in the x axix
I would like to obtain the date and the loan balance from contol_data table and display the data in a chart with date on the x axix and loan balance in the y axix. I am able to display loan amounts ...
0
votes
1
answer
149
views
Getting data from API and displaying it using canvas.js + angular
I have the value of stocks from an API and I want to plot it against the timestamp in x axis using canvas.js and Angular. I want the data to be dynamic and the old value of the graph must be flushed ...
0
votes
0
answers
27
views
Can not display graph in ASP.net
I am having a problem displaying a StackBar100 graph with 3 values, whenever i remove the 3rd value it displays without problems, but with the third value it disappears and doesnt show anything. I am ...
0
votes
0
answers
27
views
ModifyChart Doughnut with Canvas JS
What if I want to set the labels on the chart for the text to be on the right and the values to be on the left?
doughnut: {
cutout: "60%",
interaction:{
...
0
votes
1
answer
92
views
CanvasJS Chart Width Bug Until Window is Resized
I've seen other people with this issue, but none that ended with a resolution. I'm building an array of charts to cycle through a carousel, and as far as the elements tab on the Chrome debugger is ...
0
votes
1
answer
250
views
CanvasJS, show different values on x-axis label and datapoint label
I'm working with a CanvasJS spline graph. Working on the x-axis data, I want to have the x-axis label below the graph showing preset numbers while the datapoints mouseover function should show a date. ...
-1
votes
1
answer
79
views
How to convert Array into array objects
Dears, this is my array:
(3) [{…}, {…}, {…}]
0
:
{x: 2019, y: '0.50', label: 2019}
1
:
{x: 2020, y: '0.00', label: 2020}
2
:
{x: 2021, y: '3.80', label: 2021}
x
:
0
length
:
3
[[Prototype]]
:
...
0
votes
0
answers
45
views
How to load datapoints from 4 array in CanvasJS to create a chart
I want to use chart canvasjs to display 4 different data.
My data is for the balances of 4 different accounts in the last 10 days and I want the x-axis of the days and the y-axis of the balance ...
0
votes
0
answers
20
views
CanvasJS Live graph using JSON file [duplicate]
I am trying to Plot a live graph using CanvasJS. I have a single JSON file that keeps getting updated by another program. I am trying to read values (Integer) from that file and plot a graph using ...
1
vote
1
answer
129
views
is there an example of a canvasJS graph where each point on a graph has a tick and label on the X axis?
I cannot seem to find an example where every single point in a set of data had its own tick and label on a graph. when I load in my data, CanvasJS gives me intervals as my x axis. the actual points ...
-1
votes
1
answer
47
views
Why canvasjs spline chart shows 00:00 in axis x
I have canvasJS V3.6.7, where i want to display temperature data in a spline graph.
Simple data set:
chartTempData = [];
chartTempData.push(
{x: new Date(2022,7,26,16,24), y: 32.3},
{x: new ...
1
vote
0
answers
61
views
Add multi series spline chart in PDF using itext pdf
I don't have any clue how to draw multi series spline chart using iText. I have done it on JSP page using canvas.js. I can't find any solution for iText. If any one has any idea or source to do it ...
0
votes
1
answer
44
views
what are the key differences between CanvasJS and Vegalite?
I have been messing around with both CanvasJS and VegaLite for a little while now and for the most part, they seem extremely comparable to each other (feature-wise). Vegalite seems to have more ...
0
votes
1
answer
70
views
How to display CanvasJS graph using VS Code Extension
I am trying to develop a VS Code extension that will display some graphs i made using CanvasJS. The issue I am facing is as follows: I do not know how to run the HTML file without using "go Live&...
-1
votes
1
answer
54
views
multiple CanvasJS with multiple JSon files
Im very new to html coding,
Im trying to display multiple charts using different json files, in this code the second chart will not render.
What am i doing wrong?
Thank you for your patience and help.
...
0
votes
1
answer
193
views
How to load data into a CanvasJS graph
I am learning how to get the data from a JSON file to be displayed on a graph in CanvasJS. I only need the integer values from this JSON file as the Y axis values. the X axis values at the moment can ...
1
vote
0
answers
33
views
Errror when trying to display SQL data from Microsoft SQL Server Management Studio to graph in canvasjs
Heres the code:
I tried converting the code from mysql to mysqlsrv which has been a mess. I need to display values from the database onto a graph.
<?php
require 'conn.php';
$dataPoints = array();
...
0
votes
1
answer
390
views
How to add the attribute of title in chart.render() method of canvas js dynamically with the help of select elements
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var dps = []; //dataPoints.
var chart = new CanvasJS.Chart("...
0
votes
1
answer
91
views
Creating Multiple Charts based on dictionary length using javascript
I am new to javascript and trying to plot multiple graphs of the length of the dictionary in javascript using Canvasjs and flask. I have a dictionary with a list of tuples passing from flask to my ...
0
votes
1
answer
175
views
Is there a way to add html markup to target each column individually in Chartjs/Canvasjs?
I'm hoping I can add markup to each dataset individually so that I can change the colors with css.
var ctx = document.getElementById("myChart").getContext("2d");
var data = {
...
0
votes
0
answers
77
views
make canvasjs line chart oval (not straight line) in ionic
Unfortunately I have a project where I'm using ionic 1. In this project, I draw charts with chartjs. But in this chart, the lines are moving in a straight line. How can I fix this? I want to plot it ...
1
vote
0
answers
236
views
CanvasJS stock chart axisY doesn't update automatically with my data
I have tried the stock chart with sample data present on the CanvasJS site and it updates the Y axis everytime I scroll through it, but when I pass my data to that function it scrolls but without ...
0
votes
2
answers
336
views
Overlapping stack chart in Canvas JS
i have a code which should give me an overlapping bar chart , one inside other in canvas js , something like below
Output Needed
So it should be combination of stacked horizontal graph , and one ...
0
votes
1
answer
56
views
How to reverse graph in CanvasJS
i have a code that should reverse the CanvasJS graph , But when i give reversed : true for x-axis nothing changes.
Can anybody help me with this
<?php
$dataPoints1 = array(
array("...
-1
votes
1
answer
135
views
Convert a dynamic piechart from CanvasJS to Google Charts?
I have a functional prototype of a medical app in which the user enters some numerical data in a form and upon clicking the submit button the data is analyzed via minimal euclidean distance and the ...
0
votes
1
answer
324
views
On clicking the specific label in Canvasjs Pie chart, pass the clicked label to Flask for further processing
I am working with pie charts using Canvasjs and I want to make it clickable so that if the specific label is clicked it will send the clicked label value to the flask so that I can process that value ...
0
votes
2
answers
841
views
How to use interpolation for the ID attribute in Jade/Pug
I am trying to dynamically build chartContainers based on a MongoDB Database. For some background, I am using CanvasJS to create stock charts. I have a "stocks" variable I iterate through ...
-1
votes
1
answer
277
views
How to add zero-values when there is no data available? (Canvas.js)
I have a Canvas.js Stock Chart(line-chart) in which I display interactions(y-axis) per time(x-axis).
I get an Array<Date>and group the dates per hour. Depending on how many dates in the array ...
0
votes
2
answers
391
views
Canvasjs Chart won't render using Jsonresult data in Razor Pages
I am using Canvasjs to develop charts inside a .NET Core 3.1 Razor Page Application. I need the chart to render on the Razor Page after an AJAX call which then returns Json data.
I've been using this ...
1
vote
1
answer
293
views
show two different stacked column data in one chart canvasjs react
I want two stacked column data in one chart using canvasjs like this:
I have currently done something like this with the options:
this achieves removing x axis and secondary y axis and showing two ...
0
votes
1
answer
330
views
Get CanvasJS chart's instance from DOM element
My chart is defined as
var myChart = new CanvasJS.Chart("myChartContainer", {
animationEnabled: true,
axisY :{
includeZero: false,
gridColor: "rgba(140, 140, 140,...
0
votes
1
answer
322
views
Save canvasJS charts to server directory
How could I save an exported canvasJS chart into server side directory using PHP?
There is no problem when creating a pie chart, making it exportable and exporting it directly using the built-in js ...
0
votes
1
answer
279
views
How can I put a canvas attachment into an embed?
My current code wont work, dont really know how to attach the file
const attachment = new MessageAttachment(canvas.toBuffer());
let embed = new MessageEmbed()
....
0
votes
1
answer
95
views
SetInterval not working while using with canvas.js also within loop
<?php
$no1=0;
foreach($location_data as $last_data){
if($location[0]->depth_unit=="meter"){
$depth_drilled=($last_data->end_depth - $...
1
vote
1
answer
130
views
Fill CanvasJS with json
Currently I am trying to create a chart for the first time using javascript.
I want to show the data on the screen by using the fill chart json method in the mainpage page.
When I check the url in ...
0
votes
1
answer
1k
views
CanvasJS with Angular 11: You may need an additional loader to handle the result of these loaders
I try to use CanvasJS into an Angular 11 project, but I have an error with the import:
Failed to compile.
./node_modules/canvasjs/src/charts/index.js 1:7
Module parse failed: Unexpected token (1:7)
...
1
vote
1
answer
106
views
display problems in canvas js
Now in the following code, I set the title as a very long string. I want it can go to the next line after some part the solution that I found is to set the width like max width = 1000. When it is ...
0
votes
1
answer
38
views
CanvasJS labels are wrongly positioned
I'm using CanvasJS to display some weather data, but the labels seem to have the wrong position relative to their data point.
What is the cause of this?
This is my chart configuration:
...
0
votes
1
answer
90
views
jQuery.Deferred exception: chart.axisX is undefined
All i need is the maximum and minimum point in the X-axis of this canvasJs chart.
This code is from : https://jsfiddle.net/canvasjs/zxrkh502/
Code used in this for that is :
var axisXMin = chart.axisX[...
-1
votes
1
answer
237
views
fetch data from php for canvas js
ok so the thing is i need to create charts and i found canvas js, which looks promising, problem is i have the website on php and i dont know how to give data to the charts from php to jquery to ...
0
votes
0
answers
254
views
How do I use CanvasJS elements in React without using JSX?
Why not JSX? It simply doesn't work. I recently asked a question about it and was suggested to drop the type="text/jsx" attribute, therefore leaving me with only JS syntax to work with.
In ...
0
votes
0
answers
40
views
Can't display boxAndWhisker canvasJS
I would like to display values on boxAndWhisker graph with canvasJS.
I can display axis with X labels and Y values but i can't display boxAndWhisker graph
This is my code
<c:out value="${...
1
vote
1
answer
366
views
How can I change the colour of index and ToolTip in Canvasjs multi line chart?
So I am working on my project that takes data and displays it on to chart I am new to JS and I never have used Canvasjs. I want to change the colour of the index and ToolTip as you can see in the ...
0
votes
1
answer
191
views
there a function on my canvas Js graph when i click on pie chart the column chart should act according to it
I'm trying to change my column chart dynamically when I click on the pie chart.
I have created a interface and a function on my canvas Js graph when I click on pie chart the column chart should act ...