[Vishwas R]

Naveen,

You can control number of labels by setting interval property. You can try setting interval to 1 along with intervalType to day in your case.

The date seems to be repeated as you are showing just date, where the labels are displayed at every 6hours, when the chart width is morethan 1000px. Please check this updated jsfiddle. Setting interval and intervalType should work fine in this case.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@Meric,

For security reasons, browsers restrict cross-origin requests. Serving JSON file from local webserver and making an AJAX call to it or serving it from CORS enabled JSON hosting service like myjson.com should work fine. Please take a look at this JSFiddle.

Also can you please check the Browser Console if there are any errors. Also kindly create JSFiddle reproducing the issue so that we can look into it and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@naveenkumarnair,

The php service returns dataPoints, with x-values that are not valid JavaScript Date object. So parsing it and then passing it to chart-options should work fine in your case. Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@oijkn,

You can update intervalType and interval based on the zoomed-range. Please take a look at this updated jsfiddle. You can further customize it according to your requirements and the zoomed-range.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@oijkn,

You can change the intervalType manually based on zoom-level with the help of rangeChanging event handler. Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@oijkn,

Labels are overlapping as you are setting interval to 1 and intervalType to ‘second’, which means labels should be shown at every 1 second interval. Removing that should work fine in your case. Please take a look at this updated jsfiddle. Also you seem to be using v1.7.0, please update to the latest version 2.0.1, which has more chart-types and features. You can download the latest version from download-page and let us know your feedback.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@jgurtz,

We don’t have official npm package as of now. However you can add CanvasJS Charts / StockCharts to your React/Angular/Vue.js app easily. Please follow the below instructions for the same.
1. Save CanvasJS script in your project source folder (src or src/assets or src/lib)
2. Import the script to your app (Please note to mention file path properly, if you have saved library in different folder like src/assets or src/lib)
For Charts: import * as CanvasJS from './canvasjs.min';
For StockCharts: import * as CanvasJS from './canvasjs.stock.min';

If you have license, you can download the commercial version of CanvasJS from My Account.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Mohit Talwar,

You can disable headers and footers like url, date, page-number, etc in ‘Page Setup’ option in any browser. Please refer this article on how to disable headers & footers in different browsers.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Meraj Ahmed,

You can achieve this by finding the last visible dataSeries in the chart and adding indexLabels to it. Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@intijk,

Since we are already in the middle of our current plans, it might not be possible to consider these behavioral changes immediately. However we will revisit the behavioral changes in future releases and we will consider your suggestions at that point of time.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@intijk,

Thanks for the suggestion. I will discuss this behavior with the team and reconsider for future releases.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@9mthsnafter,

You can use labelFormatter to hide axis-labels. You can use tickLength and lineThickness to hide tick and axis-lines respectively. Below is the code-snippet.

axisX:{
    gridThickness: 0,
    tickLength: 0,
    lineThickness: 0,
    labelFormatter: function(){
      return " ";
    }
  },
  axisY:{
    gridThickness: 0,
    tickLength: 0,
    lineThickness: 0,
    labelFormatter: function(){
      return " ";
    }
  },

Please take a look at this JSFiddle for complete code.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@jgurtz,

CanvasJS Charts & StockChart can be easily integrated with Webpack & React, Angular, Vue.js, etc. Please take a look at this JSFiddle for an example on integrating CanvasJS Chart in VueJS.
.
We don’t have a ready sample for Webpack with VueJS, but we will work on it and get back to you at the earliest. Meantime please take a look at this sample project for CanvasJS Charts with React & Webpack.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@himanshu_tanwar,

Sorry, as of now html tags are not supported except in toolTip, take a look at toolTipContent for the same. It’s there in our features wishlist, but there is no definite timeline.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@himanshu_tanwar,

HTML tags are not supported in labels as of now. Instead, you can use labelMaxWidth property of axisX/axisY to wrap the label once the label-width reaches the specified max-width.

Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS