Telerik UI for ASP。网络核心?下载30天免费试用

外观

不像其他Telerik UI的ASP。网络核心components which use only CSS for styling, you can mainly control the appearance of the Chart elements by using JavaScript style options.

有关图表结构的更多资料,请参阅图表构建元素

预定义的主题

图表附赠一组预定义的主题.要选择主题,请使用主题选择。主题名称不区分大小写。

@(Html.Kendo(). chart (). name ("chart") . theme ("blueOpal") . title ("Site Visitors Stats /thousand /") . legend (legend => legend . position (ChartLegendPosition.Bottom)). seriesDefaults (seriesDefaults => seriesDefaults . column (). stack (true)). series (series => {series. column . bottom). series (series => {series. column . bottom). legend (legend =>)列(新的双精度[]{56000,63000,74000,91000,117000,138000})。名称(“总访问”);系列。列(new double[]{52000, 34000, 23000, 48000, 67000, 83000})。名称(“访问者”);}) .CategoryAxis(轴=>轴。类别("Jan", "Feb", "Mar", "Apr", "May", "Jun") .MajorGridLines(lines => lines.Visible(false))) .ValueAxis(轴=>轴。numeric () .Line(line => line.Visible(false))) .Tooltip(tooltip => tooltip .Visible(true) .Format("{0}")))
@addTagHelper *,剑道。Mvc @{var total_访问量= new double[] {56000, 63000, 74000, 91000, 117000, 138000};Var unique_visitors = new double[] {52000, 34000, 23000, 48000, 67000, 83000};var类别= new string[]{“简”,“2”,“3”、“4月”,“可能”,“君”};}             < category-axis-item categories="categories">       

Sass的主题

在R2 2017 SP1发行版中,图表通过Sass-based主题.当主题设置为继承,图表从主题变量中读取颜色和字体。

@(Html.Kendo(). chart (). name ("chart") . theme ("inherit") . title ("Site Visitors Stats /thousand /") . legend (legend => legend . position (ChartLegendPosition.Bottom)). seriesDefaults (seriesDefaults => seriesDefaults . column (). stack (true)). series (series => {series. column . bottom). series (series => {series. column . bottom). legend (legend =>)列(新的双精度[]{56000,63000,74000,91000,117000,138000})。名称(“总访问”);系列。列(new double[]{52000, 34000, 23000, 48000, 67000, 83000})。名称(“访问者”);}) .CategoryAxis(轴=>轴。类别("Jan", "Feb", "Mar", "Apr", "May", "Jun") .MajorGridLines(lines => lines.Visible(false))) .ValueAxis(轴=>轴。numeric () .Line(line => line.Visible(false))) .Tooltip(tooltip => tooltip .Visible(true) .Format("{0}")))
@addTagHelper *,剑道。Mvc @{var total_访问量= new double[] {56000, 63000, 74000, 91000, 117000, 138000};Var unique_visitors = new double[] {52000, 34000, 23000, 48000, 67000, 83000};var类别= new string[]{“简”,“2”,“3”、“4月”,“可能”,“君”};}             < category-axis-item categories="categories">       

动画过渡

Telerik UI for ASP。网络核心图表use animated transitions to display new and updated data. To disable these transitions, use the转换选择。

@(Html.Kendo(). chart (). name ("chart") . transitions (false) //其他选项。)
@addTagHelper *,剑道。Mvc   < / kendo-chart >

另请参阅

在本文中
Baidu
map