Can we create XAxis in different color?

[mhdajmalik]

I want to show X axis in different color, is there any solution for that or any alternatives?

AxisX’s linecolor should be different based on x value

x ==> 10 – 30 linecolor is red
30 – 80 linecolor is green

check x axis of image from value 3:43 to 14:23

check Image: https://stackoverflow.com/questions/30707872/nvd3-cumulative-line-chart-how-to-set-different-back-ground-color-for-specific

NB: i want to sepparate X axis so I can’t use striplines also

• This topic was modified 5 years, 11 months ago by mhdajmalik.
• This topic was modified 5 years, 11 months ago by mhdajmalik.
• This topic was modified 5 years, 11 months ago by mhdajmalik.
• This topic was modified 5 years, 11 months ago by mhdajmalik.

[Priyanka M S]

@mhdajmalik

Sorry, this feature is not available as of now.

__
Priyanka M S
Team CanvasJS

[mhdajmalik]

Is there any alternatives? can I access the X-axis datapoint position from outside chart?

[mhdajmalik]

Can I apply labelFontColor from datapoint instead of axisX

[Priyanka M S]

@mhdajmalik,

Is there any alternatives? can I access the X-axis datapoint position from outside chart?

You can get the position of dataPoint by using convertValueToPixel() method.

Can I apply labelFontColor from datapoint instead of axisX

Labels are properties of axis, labelFontColor can only be used inside axis. However you can have indexLabel for every dataPoint and customize it’s color using indexLabelFontColor.

__
Priyanka M S
Team CanvasJS