C1 Community

 I would like to know if anyone ever implemented zooming in the webchart control. Did any do this and can provide me with a sample of script?

Thanks,
Ralph

Since C1WebChart renders as a simple image, the best way to do zooming is to manipulate the chart's axes on the server and reload the chart image.  You can check out the attached sample to see zooming and panning/translation in action.

Regards,
Greg L

 Thanks for quick response and helpful sample!!

To improve user experience I would like my user to able to click in the chart and get details about the position they click (information about all channels, average, spreads etc.).

 A server-side solution would be (but not working) :

   protected void C1WebChart1_Click(object sender, ImageClickEventArgs e)
    {
        Axis ax = C1WebChart1.ChartArea.AxisX;
        int SeriesOutput = 0;
        int PointOutput = 0;
        int DistanceOutput = 0;
        if (C1WebChart1.ChartGroups.Group0.CoordToPointIndex(e.X, e.Y, PlotElementEnum.Points, 1, ref PointOutput, ref DistanceOutput))
        {
            ax.Text = e.X + ", " + e.Y + " -> " + PointOutput;
        }
        else
        {
            ax.Text = "Conversion failed";
        }
    }

This example does not return any 'good' points. When clicking in the chart it always return the maximum number of points for PointOutput. Outside the chart most of the clickpoints return 0.

 Am I doing something wrong?

Thanks again!