ASP。. NET Core Sparkline概述

Telerik UI的Sparkline TagHelper和HtmlHelper的ASP。网络核心are server-side wrappers for the Kendo UI Sparkline widget.

火花线是非常小的图表,没有坐标轴、坐标、图例、标题或其他图表特定元素。类中呈现时,它们的行为类似于内联元素跨度元素,这样它们就可以很容易地嵌入到文本中,而不是像标准的Telerik UI Charts那样在内部呈现时表现得像块元素div元素。

面向ASP的Telerik UI。网络核心Ninja image
新的Telerik UI为ASP。网络核心?

面向ASP的Telerik UI。网络核心是一个具有 110+ 组件的专业级UI库,用于构建现代和功能丰富的 应用程序。要想尝试一下,注册一个30天的免费试用。

虽然Sparklines通常是折线图,但也支持其他类型:

  • 行(默认)
  • 条形图(数据栏)
  • 区域
  • 子弹

    一般来说,Sparklines是简单的、单词大小的图形,可以嵌入到文本块、表格或标题中。这种图形的概念是由爱德华•塔夫特.Telerik UI Sparkline组件是Telerik UI Chart的一个版本,是为这个特定的应用程序量身定制的。

  • Sparkline的演示页面

基本配置

要创建Sparklines,请将组件标记添加到视图中,并为其提供名字.可选地,通过使用CSS设置所需图表的宽度和高度。

  • 线条、区域和列火花线的宽度由数据点的数量决定。
  • 条形图和项目图有一个默认的宽度,可以用CSS覆盖。
  • 饼的宽度等于行高,以形成一个正方形。
@(Html.Kendo(). sparkline (). name ("temp-log") . type (SparklineType.Column) . tooltip(工具提示=>工具提示。Format("{0} &°C")) .Data(ViewBag.TemperatureData))
  

功能和特性

另请参阅

在本文中
Baidu
map