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.

Filter by
Sorted by
Tagged with
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 ...
dreamofdoc's user avatar
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 ...
ssss's user avatar
  • 96
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 ...
Adil Mahmoud Rion's user avatar
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....
Leon Hoffmann's user avatar
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. ...
Ali Sheikhpour's user avatar
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 ...
Calle's user avatar
  • 13
-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 ...
Chamath Kulasinghe's user avatar
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 ...
lemonJuice's user avatar
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 ...
Hussain Mahdi Farhanian's user avatar
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:{ ...
Phii's user avatar
  • 9
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 ...
Slumpy's user avatar
  • 1
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. ...
tniles320's user avatar
-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]] : ...
Edwin K Biju's user avatar
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 ...
Shiva's user avatar
  • 7
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 ...
Mahadev's user avatar
  • 856
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 ...
user avatar
-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 ...
pillesoft's user avatar
  • 496
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 ...
Sanghamitra Lahiri's user avatar
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 ...
user avatar
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&...
user avatar
-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. ...
ryan wood's user avatar
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 ...
user avatar
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(); ...
p3rc0's user avatar
  • 11
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("...
ARSH's user avatar
  • 11
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 ...
zik's user avatar
  • 31
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 = { ...
Emily's user avatar
  • 3
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 ...
ionicstack's user avatar
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 ...
Zohair Suleman's user avatar
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 ...
Dhanya Balakrishnan's user avatar
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("...
Dhanya Balakrishnan's user avatar
-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 ...
Felix's user avatar
  • 27
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 ...
zik's user avatar
  • 31
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 ...
SarthakSin's user avatar
-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 ...
melvin's user avatar
  • 15
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 ...
tcode's user avatar
  • 5,065
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 ...
anoop francis's user avatar
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,...
a2rc's user avatar
  • 1
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 ...
DCP202122's user avatar
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() ....
Jimboy's user avatar
  • 47
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 - $...
AbcMvc's user avatar
  • 55
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 ...
Hakan özel's user avatar
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) ...
Jonathan Anctil's user avatar
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 ...
user avatar
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: ...
Daniel Medina's user avatar
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[...
Bipin Joshi's user avatar
-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 ...
user avatar
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 ...
jctxt's user avatar
  • 23
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="${...
Mathilde 's user avatar
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 ...
user14389228's user avatar
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 ...
Nithin's user avatar
  • 49

1
2 3 4 5
11