[Vishwas R]

@gregoff,

Thanks for the suggestion. I will discuss this with the team regarding this behavior for future versions. AS of now, you can set axisY margin to show label completely. Please check this updated jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@gregoff,

It seems to be working fine, please check the screenshot below.

As you are setting labelWrap to false, labelMaxWidth for crosshair label will be limited to the space available for corresponding axis. Setting crosshair.labelMaxWidth would work fine in this case. Also you can set axisY.margin along with crosshair.labelMaxWidth if the crosshair label is getting clipped.

If this doesn’t solve the issue you are facing, kindly create a jsfiddle with the issue you are facing so that we can understand it better and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@torstenschramm,

Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@chartguy,

You can sync crosshair & toolTips across charts by getting the pixel co-ordinates from the first chart & then triggering an event in second chart and so on. You can use convertValueToPixel() and convertPixelToValue() methods to get the pixel co-ordinates & corresponding values. Here is a jsfiddle for the same. Please note that there may be a slight variation in x-value as pixel co-ordinates are used.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@drtrilogy,

We observe that the date-time format you are using is not a valid one. Please refer this link for valid JavaScript date-time formats.

You can use valueFormatString to format values (date in your case) that appear on axis labels. Please take a look at this updated jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Vineet Deodhar,

Profile pics in CanvasJS site are linked from Gravatar. When a user doesn’t have Gravatar account or image, it will fallback to the default Gravatar image which is shown as your profile pic now.

Please create a profile in Gravatar and associate avatar images to your email-id, which you have used to sign-up in CanvasJS site. This will update the same in your CanvasJS profile.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@Prabhjot,

You can add use labelFormatter to achieve this. Please check this jsfiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@coolex,

You can set color and lineColor properties to all the dataPoints which are to be distinct. Please check this jsfiddle.

Also you can use stripLines on axisX to show the distinction.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@nitin_nn,

Please download static html from here.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@corylee766,

Since you are using getJSON, including jQuery library to the webpage will work fine in your case. Please download static html from here.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@nitin_nn,

For security reasons, browsers restrict cross-origin requests. JSONP allows you to sidestep the cross-origin requests. Please refer JSONP for more info.

You can also take a look at this jsFiddle for an example on JSONP.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Justin,

You can use xValueFormatString to format x-values that appear on toolTip or indexLabels.

—
Vishwas R
Team CanvasJS

[Vishwas R]

[UPDATE]

We have released React Component for Charts using which you can build charts in react way. Please refer to this blog post for release note.

@netcon,

Adding type=”text/babel” to the src attribute of script tag should work fine. Please refer this stackoverflow thread for more information.

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

Also please take a look at this JSFiddle for an example on rendering Column Chart using ReactJS.

—
Vishwas R
Team CanvasJS

• This reply was modified 4 years, 6 months ago by Vishwas R.

[Vishwas R]

Praveen,

We don’t have plugin architecture within the product as of now. However you can add custom DOM elements on top of chart and customize it the way you want. Please take a look at this jsfiddle. Also refer Position Image over Chart for tutorial on positioning DOM on chart.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@tdono,

You can render chart with data from html-table by reading entire column and by parsing it to the format accepted by CanvasJS.

Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS