[Manoj Mohan]

@kondor0,

Thanks for reporting the use-case. The issue seems to be happening on using “#percent” in the indexLabel. We are already aware about the issue and will be fixing it in our future releases.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@egroj81,

Can you kindly share sample CSV file over Google-Drive or Onedrive and brief us further about what data to be shown in multiple y-axes so that we can understand your scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@remymumoh,

Can you kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can understand your scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@codypraveen,

It is not possible to set multiple colors for axis labels or place an image beside labels as of now. However, you can use stripLines to set multiple colors for y-axis labels. To achieve this, you need to first hide all the axisY labels using labelFormatter and store the labels in an object as shown in the code snippet.

axisY: {
  labelFormatter: function(e) {
    if(axisYLabels[e.value] === undefined) {
      axisYLabels[e.value] = e.value;
    }
    return "";
  }
}

After rendering the chart, you can iterate through the labels object stored above and add stripLines for each label value with different labelFontColor using addTo method. Please refer to the code snippet below for the same.

var i = 0;
for(var label in axisYLabels) {
  if (axisYLabels.hasOwnProperty(label)) {
    chart.axisY[0].addTo("stripLines", { value: label, label: label, labelPlacement: "outside", labelBackgroundColor: "white", color: "transparent", labelFontColor: axisLabelColors[i%axisLabelColors.length] });
    i++;
  }
}

Please take a look at this JSFiddle for an example.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jeonkook,

Setting floating values in minimum and maximum of y-axis seems to be working fine. Please take a look at this JSFiddle for the same.

axisY: {
    maximum: 7.4,
    minimum: 7.2
}

If you are still facing the issue, kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can understand your scenario better and help you out.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Nicola Presa,

Based on the data you have shared above and considering your requirement, using CanvasJS StockChart will suit your scenario. It comes with built-in features like inputfields and range buttons using which you can select a specific range that is needed to be displayed in the viewport. Selecting the last 250, 500 or 750 days can be achieved using custom range buttons for which you can define the range and rangeType property as shown in the below code snippet.

buttons: [
      {
        label: "250 Days",
        range: 250,
        rangeType: "day"
      },
      {
        label: "500 Days",
        range: 500,
        rangeType: "day"
      },
      {
        label: "750 Days",
        range: 750,
        rangeType: "day"
      },
      {
        label: "All",
        rangeType: "all"
      }
]

Also, for selecting precise date range (data to date range), you can use inputFields. Please take a look at this JSFiddle for an example.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@swebs,

Gridlines are drawn at every interval and it is not possible to offset gridlines as of now. However, you can use stripLines to achieve your requirement as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Daniel,

Can you kindly share an example and brief us further about the requirement?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@charthelpplz,

Can you kindly create sample project reproducing the issue you are facing and share it with us over Google-Drive or Onedrive so that we can look into your code / chart-options being used, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jeonkook,

Can you kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can look into your code / chart-options being used, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@ekaqu1028,

Glad that you were able to solve your use-case.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@bfailing,

Thanks for reporting the use-case. For now, you can workaround this issue by setting minimum of axisY as shown in this JSFiddle.

Considering this thread as duplicate of Issues With Same Value < 1 On Logarithmic Axes and hence closing the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@bfailing,

Thanks for reporting the use-case. For now, you can workaround this issue by setting minimum of axisY as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@ekaqu1028,

You can use x-value instead of label & use scaleBreak to remove gap of non-trading hours. Please take a look at this JSFiddle for an example on removing weekend gap.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@nferxchartjs,

You can set viewportMaximum for x-axis with some margin upon updating dataPoints as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS