[Thangaraj Raman]

Meena,

It is not possible to add padding/margin to indexlabels as of now.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@ukimuzik,

The current behavior while zooming is as per design. We will revisit this behavior in our future releases.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

Meena,

You can make the indexlabel more readable by either increasing the font size of indexLabels by setting indexLabelFontSize property or changing the color of indexLabels by setting indexLabelFontColor.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@mridula,

We have updated the sample and it seems to be working fine now. Please use the same link shared earlier, to download the sample project.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@mridula,

You can align the table with the chart by setting box-size: border-box and updating the chart height accordingly.

Please check this updated sample project for a working example.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

Graham,

While using the trial version of CanvasJS, the script is being served from a server, however, while integrating the commercial version, it’s not.

Serving the script file from the server seems to be working fine. Please check the code snippet below which uses Express to serve CanvasJS from a server:

//demo_ServeCsv.js

var express = require("express");
var app = express();

app.get("/", function (request, response) {     
  response.sendFile(__dirname + "/demo_traffic_chart.html"); 
});

app.get("/canvasjs.min.js", function (request, response) {     
  response.sendFile(__dirname + "/canvasjs.min.js"); 
}); 

app.listen(8000);  

console.log("Check out http://localhost:8000");

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@mridula,

As addressed in the previous reply, setting the height of the chart-container based on the height of the table seems to be working fine in this case. In the sample that you have shared, setting the height of 2nd chart to 279px seems to be working fine. Please find the code-snippet below.

#chartContainer-1 {
  height: 279px !important;
}

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@mridula,

Changing the height of the chart container(div) should work fine in your case.

If you are still facing issues, kindly create a sample project reproducing the issue and share it with us over Google Drive or OneDrive so that we can look into the code, run it locally to understand the scenario better, and help you out.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@akshatchoudhary,

CanvasJS charts seems to be working fine with salesforce lightning web component. Please take a look at this Github Repo for the working code.

If you are still facing issues, kindly create a sample project reproducing the issue and share it with us over Google Drive or OneDrive so that we can look into the code, run it locally to understand the scenario better, and help you out.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

Jason,

It is not possible to render a grouped-stacked chart over a single axis as of now. However, you can render each stack over a different axis to achieve the same.

Please check this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

Jason,

Can you kindly brief us further on your requirement with a pictorial representation or an example so that we can understand your requirement better and suggest an appropriate solution?

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@shivamjoshi976,

You can use labels instead of x-value to show the axis-x labels as per your requirement.

If you are still facing issues, kindly create a JSFiddle with sample data and share it with us so that we can look into the code, understand the scenario better, and help you out.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@saloni,

You can use toolTipContent to display custom content in the tooltip or if you are looking to show some text over all the bars at once, you can use indexLabel.

If this does not meet your requirement, kindly brief us further with a pictorial representation or an example so that we can understand your requirement better and suggest an appropriate solution.

—
Thangaraj Raman
Team CanvasJS

[Thangaraj Raman]

@uncleboss12,

Please check this documentation page for a step-by-step tutorial on integrating CanvasJS with your Vue application.

If you are still facing issues, kindly create a sample project reproducing the issue and share it with us over Google Drive or OneDrive so that we can look into the code, run it locally to understand the scenario better, and help you out.

—
Thangaraj Raman
Team CanvaSJS

[Thangaraj Raman]

Ragu,

The non-commercial version of CanvasJS is available over NPM as of now. You can download the commercial version package from My Account page and the steps to integrate have been addressed in the instruction.html file.

—
Thangaraj Raman
Team CanvasJS