StockChartTagHelper

Example

Razor
<kendo-stockchart>
    <axis-defaults></axis-defaults>
    <category-axis></category-axis>
    <chart-area></chart-area>
    <chart-legend></chart-legend>
    <chart-title></chart-title>
    <datasource></datasource>
    <navigator />
    <panes></panes>
    <pannable />
    <pdf></pdf>
    <plot-area></plot-area>
    <series />
    <series-defaults></series-defaults>
    <tooltip></tooltip>
    <value-axis></value-axis>
    <x-axis />
    <zoomable></zoomable>
</kendo-stockchart>

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
has-client-componentBoolean
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
auto-bindBooleanIf set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration.
datasource-idStringThe Id of the data source.
date-fieldStringThe field containing the point date. It is used as a default categoryField for all series.The data item field value must be either: Date instance; String parsable by new Date([field value]) or String in ASP.NET JSON format, i.e. "/Date(1320825600000-0800)/".
on-axis-label-clickStringFires when an axis label is clicked.
on-data-boundStringFires when the chart has received data from the data source and is about to render it.
on-dragStringFires when the user has used the mouse or a swipe gesture to drag the chart.The drag operation can be aborted by calling e.preventDefault().
on-drag-endStringFires when the user stops dragging the chart.
on-drag-startStringFires when the user has used the mouse or a swipe gesture to drag the chart.The drag operation can be aborted by calling e.preventDefault().
on-drilldownStringFires when the user when the user wants to drill down on a specific point.The event handler function context (available via the this keyword) will be set to the widget instance.
on-drilldown-level-changeStringFires when the drill-down level has changed.The event handler function context (available via the this keyword) will be set to the widget instance.
on-legend-item-clickStringFires when an legend item is clicked, before the selected series visibility is toggled. Can be cancelled.
on-legend-item-hoverStringFires when an legend item is hovered.
on-legend-item-leaveStringFires when the cursor leaves a legend item.
on-note-clickStringFired when the user clicks one of the notes.The event handler function context (available via the this keyword) will be set to the widget instance.
on-note-hoverStringFired when the user hovers one of the notes.The event handler function context (available via the this keyword) will be set to the widget instance.
on-note-leaveStringFired when the cursor leaves a note.The event handler function context (available via the this keyword) will be set to the widget instance.
on-pane-renderStringFires when a pane is rendered because the chart is rendered, or the chart performs panning or zooming, or because the chart is exported with different options. The event can be used to render custom visuals in the panes.
on-plot-area-clickStringFires when plot area is clicked.
on-plot-area-hoverStringFired when the user hovers the plot area.
on-plot-area-leaveStringFired when the cursor leaves the plotArea.
on-renderStringFired when the chart is ready to render on screen.Can be used, for example, to remove loading indicators. Changes to options will be ignored.The event handler function context (available via the this keyword) will be set to the widget instance.
on-selectStringFired when the user modifies the selection.The event handler function context (available via the this keyword) will be set to the widget instance.
on-select-endStringFired when the user completes modifying the selection.The event handler function context (available via the this keyword) will be set to the widget instance.
on-select-startStringFired when the user starts modifying the axis selection.The event handler function context (available via the this keyword) will be set to the widget instance.
on-series-clickStringFires when chart series are clicked.
on-series-hoverStringFires when chart series are hovered.
on-series-leaveStringFired when the cursor leaves a chart series.
on-series-overStringFired when the cursor is over the chart series.
on-zoomStringFires when the user has used the mousewheel to zoom the chart.The zoom operation can be aborted by calling e.preventDefault().
on-zoom-endStringFires when the user stops zooming the chart.
on-zoom-startStringFires when the user has used the mousewheel to zoom the chart.The zoom operation can be aborted by calling e.preventDefault().
persist-series-visibilityBooleanSpecifies if the series visible option should be persisted when changing the dataSource data.
render-asRenderingModeSpecifies the preferred widget rendering mode.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
series-colorsString[]The default colors for the chart's series. When all colors are used, new colors are pulled from the start again.
themeStringThe chart theme. With versions prior to R1 2023 this can be either the respective LESS theme from the list below or "sass". When set to "sass" the chart will read the variables from the Sass-based themes.Note: Since Q2 2024 release, the default value for the theme property is "sass" instead of "default". It is recommended to use "sass" with version Q2 2024 or later.The supported values are: "sass"; "black"; "blueopal"; "bootstrap"; "default"; "fiori"; "flat"; "highcontrast"; "material"; "materialblack"; "metro"; "metroblack"; "moonlight"; "nova"; "office365"; "silver" or "uniform".
transitionsBooleanIf set to true the chart will play animations when displaying the series. By default animations are enabled.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support