Home forums Using CanvasJS three questions: shadow, hover datapoints, toolTip remain

Tagged: , ,

This topic contains 3 replies, has 2 voices, and was last updated by  Priyanka M S 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #21219

    Black3rror
    Member

    1) can I set shadow of my line chart on the background of chart?
    2) my datapoints are circular points that their inside is empty. (by setting the datapoints color to “white” and setting markerBorderThickness: 2 and markerBorderColor: “red”) but I wanna when I hover my mouse on it, it fill the circle (set the color of that specific data to red) (it just make the circle size, bigger). Maybe it can be done by mouseover and mouseout functions but it seems to be a better solution. if not i’ll be glad if you put some code to change color(something like e.dataSeries.dataPoint.color=”red”; ?!!!)
    3) I wanna when I click on a data point , the toolTip remain and don’t disappear.

    #21220

    Priyanka M S
    Member

    @black3rror,

    1) Please take a look at this jsfiddle to set shadow in line chart.

    Maybe it can be done by mouseover and mouseout functions but it seems to be a better solution. if not i’ll be glad if you put some code to change color(something like e.dataSeries.dataPoint.color=”red”; ?!!!)

    Thanks for your suggestion. We’ll reconsider it for our future releases.

    3) toolTip can be hidden on click of dataPoint by disabling it on click and enabling on mouseover. Please take a look at this jsfiddle.

    __
    Priyanka M S
    Team CanvasJS

    #21226

    Black3rror
    Member

    thanx for reply. but your shadow code has problem with animationEnabled: true . animation disables shadow. but thanx again.

    ——-
    Edit:
    oh if I change properties of lines 49,50,51 it will be solved. so what are those lines for?

    • This reply was modified 3 months ago by  Black3rror.
    #21235

    Priyanka M S
    Member

    @black3rror,

    In lines 28,29,30 we are setting shadowColor, shadowBlur and shadowOffsetX. If you are rendering only one chart type, you can comment lines 49,50,51. If you are combining different chart types like line, column, area etc. and if those lines are commented, the shadow gets applied to all the chart types. So it’s advised to reset it.

    __
    Priyanka M S
    Team CanvasJS

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.