[Vishwas R]

@faris,

You can customize the color of dataSeries by setting color property. Please take a look at this Gallery example showing Stacked Bar Chart with different colors for each dataseries.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@rs8649781,

You can achieve this by combining Error Chart with Column Chart as shown in this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@amityweb,

You can merge all the charts into single image with the help of html2canvas library and then print the image. Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@joejoejoe,

Number of slices (data points) in the pie chart are based on the number of dataPoints that you pass. Passing just ‘Percentbelum and Percentsudah’ in the chart-options should work fine in your case. Please take a look at gallery example on Rendering Chart in PHP with Data from database.

If this doesn’t help you fulfill your requirements, kindly share sample project with sample database over Google-Drive or Onedrive, so that we can look into it and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@ninu,

Yes, it’s possible to render multiple charts within a page. Please take a look at this tutorial for the same.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@ronaldtakarai @jstaufferbohlereng-com,

Apologies for the inconvenience caused. The issue seems to be due to the breaking changes in Webpack that was introduced in v2.2.0-rc.5. We will fix it in our React Component soon. Please find the working code here.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@asha,

It seems to be working fine, please take a look at working sample shared in previous reply.

Kindly create sample project reproducing the issue you are facing and share it with us over Google-Drive or Onedrive so that we can run the actual code that’s causing issue and debug to resolve it.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@operationsteam,

Markers (dots) to the null data points will not be shown as the axis is numeric, where you can’t denote the position of null. However if you like to show markers and connect them with a line-segment without using connectNullData property, you can change null values to 0.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@sonujangid2011,

Axis labels, ticks and grids will be shown at every interval. To show labels at specific values, you can hide the entire axis labels and add striplines at required values as shown in this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@avdhesh,

You can achieve this using stacked bar chart and line chart. Please take a look at this JSFiddle for the nearest possible solution.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@asha,

It seems to be working fine with ionic 3 across browsers including Chrome, Firefox, Safari, Edge and IE. Please take a look at this sample project.

If the issue still persists, kindly create a sample project reproducing the issue and share it with us over Google-Drive or Onedrive so that we can look into your code, try it at our end to understand the scenario better and help you resolve it.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@mihaela

CanvasJS works with all the versions of Angular. Here are the sample projects of CanvasJS integrated with Angular 2, Angular 4, Angular 5, Angular 6. Also checkout Angular Gallery for more examples.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@tbr,

It seems to be working fine with PostgreSQL. Please take a look at sample project.

Bitnami provides WAPP Stack to work with PHP and PostgreSQL. I would suggest you to try WAPP over XAMPP for PostgreSQL.

If you are still facing any issue, please share the sample project along with sample database over Google-Drive or Onedrive, so that we can run it locally at our end, understand your use-case properly and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@sonamallied,

We don’t have official NPM package as of now. However, CanvasJS Chart works fine with all versions of Angular / AngularJS including Angular 5. Below are the steps to integrate CanvasJS Chart / StockChart in your angular app.
1. Save canvasjs.min.js (canvasjs.stock.min.js incase of StockChart) within source-folder of your Angular application ( src or src/assets or src/lib )
2. Import the library into your app.
For Chart: import * as CanvasJS from './canvasjs.min';
For StockChart: import * as CanvasJS from './canvasjs.stock.min';

Once it’s imported, you are ready to go. Now you can create Chart / StockChart, pass options & render them.

Please check out Angular Gallery for examples on integrating charts in Angular app.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@asha,

CanvasJS works fine even with Ionic apps. Please take a look at this GitHub repository, where CanvasJS Charts are used in Ionic App.

Kindly check if you are using official version of CanvasJS and not from NPM, as we don’t have official NPM package as of now. If you are using NPM version of CanvasJS I would suggest you to download it from our download page. After downloading, you can save CanvasJS file (canvasjs.min.js) in src folder of your project (‘src/assets/js’ or ‘src/lib’) and import the CanvasJS library to your app using import CanvasJS from 'canvasjs.min' (path may vary based on file location like ‘./src/assets/js/canvasjs.min’ or ‘./src/lib/canvasjs.min’). Or you can add it in your html file using script-tag. Please take a look at this ionic documentation on Adding 3rd Party Libraries.

Also please refer this tutorial on How to Install 3rd Party Libraries in Ionic 2 and step-by-step guide given in this github thread for more info.

—
Vishwas R
Team CanvasJS