[Vishwas R]

Raluca,

In order to update chart, you need to either change chart-options and call render or use set method. In your case, updating dataPoints through chart-options seems to be working fine. Please take a look at this updated stackblitz code.

Considering this as duplicate of Chart update on button click in Angular, hence closing the same.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Raluca,

In order to update chart, you need to either change chart-options and call render or use set method. In your case, updating dataPoints through chart-options seems to be working fine. Please take a look at this updated stackblitz code.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Raluca,

In order to update chart, you need to either change chart-options and call render or use set method. In your case, updating dataPoints through chart-options seems to be working fine. Please take a look at this updated stackblitz code.

Considering this as duplicate of Chart update on button click in Angular, hence closing the same.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@weihengtest1990

Any example for doing Synchronized Line Charts in React?

You can synchronize tooltip between multiple charts by using updated & hidden events, showAtX & hide methods. Please take a look at this Stackblitz demo for an example on the same.

Whenever Line Charts dataSeries are hidden, how to hide its information from toolTip in React?

In you are using toolTipContent in your case, you can set it to null on hiding dataSeries to hide particular dataSeries information from toolTip as shown in this JSFiddle. In case of contentFormatter, checking if the dataSeries is visible works for you. Please take a look at this JSFiddle for an example on the same.

I saw the license how few type, how to define 1 or multiple developer?

One of our representatives from sales team will get in touch with you soon. For more license related queries please contact sales[at]canvasjs[dot]com

—
Vishwas R
Team CanvasJS

[Vishwas R]

@pworthing,

The result does not work in this case, ie: pinenuts is empty

Tooltip is showing just name incase of datapoint with label pinenuts because of if(e.entries[i].dataPoint.y) condition. Checking if the y-value is greater-than or zero should work fine in this case. Please take a look at this updated JSFiddle.

In this other simple example, I have duplicate labels where “admin” is missing and “other” is listed twice:
https://jsfiddle.net/pworthing/m3krjcyf/5/

A second minor question with the onclick function in the second example. how can I get the value of the inner dataset name value that is clicked. And ultimately the same value that is moused over for the tooltip. I wanted to put a flag next to the data where the mouse is.

You can get the dataSeries name on clicking on a particular dataPoint as e.dataSeries.name. Also updating name property on clicking datapoint should work fine in this case. Please take a look at this updated JSFiddle.

PS: Stacked Bar Charts are plotted when multiple Bar Charts with aligned x values are plotted on same axis. But in the JSFiddles that you have shared, x-values are not used but only labels.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@jsaispas,

You can show just first 10 datapoints within the viewport by setting viewportMaximum property to 10 (when x-values are 1,2,3,…). If you are looking for showing top-10 (datapoints with highest y-values) to be shown, please take a look at this JSFiddle.

If you are still finding difficulty in achieving what you are looking for, kindly create JSFiddle with your use-case and share it with us so that we can look into the sample data & the chart-options being used, understand the scenario better and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@kinokatsu,

Chart renders dataseries in the sequence you pass it in chart-options. Passing dataseries with type column before line should work fine in this case. Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@udhay,

You can position image over column with the help of convertValueToPixel method. Please take a look at this JSFiddle for an example on overlaying image over columns in column chart.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@alex1993,

You seem to be passing legend as StockChart options. Legend is an element of chart, hence passing it inside charts of StockChart options should work fine in this case. Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@palaniappan-praveen,

CanvasJS is a JavaScript library which runs on client-side. To embed chart in pdf generated using server-side libraries like tcpdf, mpdf, etc please follow the below steps.
1. Generate the image of chart using headless-browser like PhantomJS. Please refer this sample project for an example on same.
2. Add image generated in previous step to the pdf using TCPDF. Please refer TCPDF documentation for an example on the same.

—
Vishwas R
Team CanvasJSs

[Vishwas R]

Stefan,

Adding border to the bar / column is not possible as of now. However, you can make a bar / column blink by using color property as shown in this JSFiddle. You can also add indexlabel to a datapoint to show some additional information related to it making it different from others.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Jim,

There are many headless browsers available like Chrome Headless Browser, BrowserShot, SlimerJS, etc that you can try out to fit your requirements for saving html as image.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@hrithik,

Our team will process your application and get in touch with you soon – if more information required. For more license related queries contact sales[at]canvasjs[dot]com.

it has been 4 days and i haven’t received any mail from canvajs regarding license

We have received your application today and it would take a day or two to process the same. Hence we request you to be patient till our team process your application. I also request you to check your spam folder if our mail ended up landing in spam folder.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Stefan,

Border around column is not possible as of now. However, if you can share JSFiddle with your use-case, we can understand the scenario better and can suggest you possible solutions.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@markyp82,

We are busy working on some other important features / fixes at this point of time hence we don’t have a definite timeline for this fix yet.

—
Vishwas R
Team CanvasJS