外观
不像其他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"> keno -chart>
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"> keno -chart>
动画过渡
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 >