custom annotation with highlight time range

[cancanvas]

Hi there,

I have two questions about using canvajs.

1. I know using startValue and endValue to define stripline width. But is it possible to define stripline height as well if stripline options are set to axisX?

2. Is it possible to draw a flag on a specific position right above axis, just like an annotation?

Thank you!

[Suyash Singh]

@cancanvas,

1. Defining the stripLine height is not possible as of now.

2. For something like annotations you can position either image on the chart as in this example or add a scatter or bubble dataSeries as a work-around.
___
Suyash Singh
Team CanvasJS

[cancanvas]

Suyash,

Thank you for the response.

The work-around does not meet my needs. Any ways to draw a customized flag on a defined position of the line chart?

Thank you!

[Suyash Singh]

@cancanvas,

Sorry, we are unable to understand your requirements properly. Can you please clarify what do you mean by a customized flag? Is it an image or you want to draw flags on the chart yourself? Also it would be helpful if you can provide us with some pictorial representation.
___
Suyash Singh
Team CanvasJS

[cancanvas]

Let’s use your example:http://jsfiddle.net/canvasjs/u50cqf09/
My question is the following:
1. Is it possible to place the chrome icon in an arbitary position? for example, (35,20).
2. Instead of chrome icon, can we draw a square and place a number in it? Just like draw on a canvas?

Thanks!

[Bivek Singh]

@cancanvas

Yes, you can place an image at any position you like. You just need to provide the pixel co-ordinates position to the top and left CSS properties of image. You can also make use of convertPixelToValue and convertValueToPixel methods provided in the library.

For your second query, You can draw anything you like on the canvas. Please take a look at this jsFiddle.

—-
Bivek Singh