Events

The StockChart exposes a variety of events that you can handle and further customize the behavior of the UI component.

For a complete example on basic Chart events, refer to the demo on using the events of the Chart.

Handling by Handler Name

The following example demonstrates how to subscribe to events by a handler name.

Razor

    @(Html.Kendo().StockChart<StockDataPoint>()
         .Name("stockChart")
         .Events((Action<Kendo.Mvc.UI.Fluent.StockChartEventBuilder>)(e => e.Render("onDataBound")))
    )

Razor

    <kendo-stockchart name="stockChart" on-render="onRender">
    </kendo-stockchart>

JavaScript

    <script>
        function onRender(e) {
            // Handle the "render" event.
        }
    </script>

Handling by Template Delegate

The following example demonstrates how to subscribe to events by a template delegate.

Razor

    @(Html.Kendo().StockChart<StockDataPoint>()
         .Name("stockChart")
         .Events((Action<Kendo.Mvc.UI.Fluent.StockChartEventBuilder>)(e => e.Render(@<text>
                function() {
                    // Handle the render event inline.
                }
           </text>))
        )
    )

Razor

    <kendo-stockchart name="stockChart" 
                      on-render="function() {
                        // Handle the render event inline.
                      }">
    </kendo-stockchart>

Next Steps

• Binding the StockChart to Data
• Creating a Stock History Dashboard (Demo)

See Also

• Client-Side API of the StockChart

• Server-Side HtmlHelper API of the StockChart

• Server-Side TagHelper API of the StockChart