ASP。. NET Core Sparkline概述
Telerik UI的Sparkline TagHelper和HtmlHelper的ASP。网络核心are server-side wrappers for the Kendo UI Sparkline widget.
火花线是非常小的图表,没有坐标轴、坐标、图例、标题或其他图表特定元素。类中呈现时,它们的行为类似于内联元素跨度
元素,这样它们就可以很容易地嵌入到文本中,而不是像标准的Telerik UI Charts那样在内部呈现时表现得像块元素div
元素。
新的Telerik UI为ASP。网络核心?
面向ASP的Telerik UI。网络核心是一个具有 110+ 组件的专业级UI库,用于构建现代和功能丰富的 应用程序。要想尝试一下,注册一个30天的免费试用。
虽然Sparklines通常是折线图,但也支持其他类型:
- 行(默认)
- 条形图(数据栏)
- 列
- 区域
- 派
子弹
一般来说,Sparklines是简单的、单词大小的图形,可以嵌入到文本块、表格或标题中。这种图形的概念是由爱德华•塔夫特.Telerik UI Sparkline组件是Telerik UI Chart的一个版本,是为这个特定的应用程序量身定制的。
基本配置
要创建Sparklines,请将组件标记添加到视图中,并为其提供名字
.可选地,通过使用CSS设置所需图表的宽度和高度。
- 线条、区域和列火花线的宽度由数据点的数量决定。
- 条形图和项目图有一个默认的宽度,可以用CSS覆盖。
- 饼的宽度等于行高,以形成一个正方形。
@(Html.Kendo(). sparkline (). name ("temp-log") . type (SparklineType.Column) . tooltip(工具提示=>工具提示。Format("{0} &°C")) .Data(ViewBag.TemperatureData))