[Manoj Mohan]

@ketanajudiya,

The use case you mentioned of indexLabel not being shown when y value is 0 was a bug and it has been fixed in the releases prior to 3.0. In order to hide indexlabel when y value is 0, you need to use indexLabelFormatter property.

So, can anyone please suggest global fix for it, to hide 0 0 0 0 from all charts of my website?

Sorry, as of now you cannot revert this behaviour globally. However, you can create a global function which takes chart object as parameter and set the indexLabelFormatter in the chart options and render it as shown in this code snippet.

addIndexLabelFormatterToChart(chart);

function hideIndexLabelOnZero(e) {
return e.dataPoint.y !== 0 ? e.dataPoint.label + " " + e.dataPoint.y + " " + "kg": "" ;
}

function addIndexLabelFormatterToChart(chart) {
chart.data[0].set("indexLabelFormatter", hideIndexLabelOnZero);

}

Also, check out this JSFiddle for complete working code.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Neha,

We don’t support setting fontColor, fontSize and fontWeight for each individual legend items as of now.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Neha Mahanjan,

Highlighting legend on hover over chart series is not available as an inbuilt as of now. However you can achieve this functionality by updating legendMarkerColor within mousemove & mouseout events of dataseries as shown in this below codesnippet

for(var i=0; i<chart.options.data.length; i++) {
    chart.options.data[i].mouseover =  highlightLegend;
    chart.options.data[i].mouseout =  dimLegend;
  } 

  chart.render();

  function highlightLegend(e) {
    for(var i=0; i<e.chart.options.data.length; i++) {
      if(i !== e.dataSeriesIndex)
        e.chart.options.data[i].legendMarkerColor = "grey";  
    } 

    e.chart.render();
  }
  function dimLegend(e) {
    for(var i=0; i<e.chart.options.data.length; i++) {
      e.chart.options.data[i].legendMarkerColor = undefined;
    }
    e.chart.render();
  }

Also, check out this JSFiddle for complete working code.

—
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@svc_quaeris,

We are sorry for the inconvenience caused, we will address this issue in our future releases as currently we are working on some important features. However, if interactivity is not required in your use-case you can extract the image of chart, destroy the chart and use the image in place of chart. Please take a look at this JSFiddle for an example.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@mlec,

Chart seems to be working fine across different browsers like Chrome, Safari, Edge, Firefox, etc.

In order to reproduce the issue at our end, can you kindly create a sample project and share it with us over Google-Drive or OneDrive along with sample data so that we can run it locally, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@simhoude,

You can set the interval of the axis based on your dataset to fix number of graduations of axis. Please check out this documentation page for more information on setting interval of axisX.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Wolfgang,

It is not possible to show/position stripline label on the right side of the line as of now. However, you can place stripline label to near, far and center from axis line using labelAlign property.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@dunhamcd,

As of now, CanvasJS doesn’t have the option to add equations / technical indicators as an inbuilt feature. However, you can generate datapoints as per the equation & add a spline dataseries to the chart with few lines of code. Please take a look at this JSFiddle for an example on the same.

Also, you can check out this forum thread for more info on adding technical indicators (SMA & EMA).

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@kpandey017,

You can use unicode characters to show icons in subtitles. Please check out this JSFiddle for an example on adding unicode characters in subtitles. Also, refer to this Wikipedia page for list of unicode characters.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@manny,

Please take a look at documentation page for step by step tutorial on using CanvasJS React component.

If this doesn’t fulfill your requirements or still facing issue, can you kindly brief us further along with an example so that we can understand your scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@rahul-instrongmail-com,

You can use range-bar chart to plot for day planner. Please take a look at this JSFiddle for an example on the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Mike,

You can format the date time in php using date function and pass it as label as shown in this code snippet

$dataPoints[] = array("label" => date("d-m-Y H:i:s",strtotime($row[0])), "y" => $row[1]*1);

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Mike,

axisX:{
valueFormatString: “DD-MM-YY HH:mm:ss”,
intervalType: “hour”,
interval: 24
},

Axis Labels are rendered at every interval based on the value of intervalType. Since you are setting the interval as 24 hours, axis labels will be shown for every 24 hours.

What I’d really like is for each of the data points to have the timestamp on the x-axis. you can see what I mean with the long downward slope in the middle this is where there is no data in the DB for that time period.

You can pass label instead of x values to dataPoints for displaying timestamp for each dataPoints.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Mike,

Can you kindly create sample project reproducing the issue you are facing and share it with us over Google-Drive or Onedrive along with sample data so that we can run it locally at our end to understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@amir-muneer,

Can you kindly share an example and brief us further about the requirement so that we can understand your scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS