面向ASP的Telerik UI。网络核心免费下载30天试用版

方框图

Telerik UI框图TagHelper和HtmlHelper的ASP。网络核心are server-side wrappers for the Kendo UI Box Plot Chart widget.

箱形图用于在小空间内显示数据的统计样本和数据细节的变化。

开始

箱形图使用以下值:

  • 第一和第三四分位数(q1和q3)
  • 中位数(即第二个四分位数)
  • 上下限(内围栏)
  • 均值和异常值

若要在图表组件中创建框图系列,请使用箱线图系列配置。

装订方框图

绑定方框图时,必须设置方框图的以下特殊属性系列对象,使图表成功显示:

  • (强制)第一季度(第一四分位数)
  • (强制)q3Field(第三四分位数)
  • (强制)较低的
  • (强制)
  • (强制)中位数(第二个四分位数)
  • (可选)的意思是
  • (可选)离群值

所有属性,除了离群值必须指向数据源中的数字字段。离群值必须指向一个包含数字数组的字段。

@ (Html.Kendo () .Chart () . name(“图表”).Title(“月平均气温(度;F)”).Legend(传说= > legend.Visible(假)).Series(系列= >系列.BoxPlot(新System.Collections.ArrayList(){新{降低= 26.2,q1 = 38.3,中值= 51.0,第三季度= 61.45,= 68.9,= 49.0,离群值= new[]{18.3、20、70、72、5}},新{降低= 26.4,q1 = 38.125,中值= 46.8,第三季度= 60.425,= 66.8,= 47.3,离群值= new[]{69, 71.3, 71.5}},{新降低= 31.6,q1 = 41.725,中值= 52.35,第三季度= 62.175,= 70.8, = 52.3,离群值= new[]{14个,74年16.4}},新{低= 34.4,q1 = 39.375,中值= 49.9,第三季度= 61.425,= 69.2,= 50.3,离群值= new[]{72年16,18日,72.5}},新{低= 29.9,q1 = 38.35,中值= 50.4,第三季度= 60.875,= 69.7,= 49.9,离群值= new[]{19、20、76、78}},新{低= 22.3,q1 = 36.875,中值= 48.9,第三季度= 62.65,= 70.3,= 49.0,离群值= new[]{16.5, 17, 74、75、78}},{新降低= 32.3,q1 = 39.5,中值= 54.1,第三季度= 61.175,= 67.3,异常值= 50.8,= new[]{13、14、15日,74.3,75.2,76}},新{低= 28.5,q1 = 36.075,中值= 50.5,第三季度= 64.2,= 70.4,= 49.6,离群值= new[]{73.4, 18日,22日,75}},新{降低= 33.6,q1 = 40.65,中值= 49.55,第三季度= 62.8,= 69.2,= 51.1,离群值= new[]{73}},新{降低= 33.6,q1 = 38.6,中值= 47.9,第三季度= 60.825,= 67.0,= 49.7,离群值= new[]{73年12日13.5,16日,74.6,77}},{新降低= 31.9,q1 = 36.425,中值= 49.3,第三季度= 61.825,= 69.7,= 49.4,outliers= new [] {17,76}}, new {lower= 34.0, q1= 41.225, median= 51.15, q3= 62.4, upper= 68.8, mean= 51.6, outliers= new [] {14.6, 17.3, 72.3, 74}}) .CategoryAxis(categoryAxis => categoryAxis .Categories(new string[]{“Jan”,“Feb”,“Mar”,“Apr”,“May”,“Jun”,“Jul”,“Aug”,“Sep”,“Oct”,“Nov”,“Dec”}).MajorGridLines(majorGridLines => majorGridLines. visible (false)))))
@addTagHelper *,剑道。Mvc @ {var类别= new string[]{“1”,“2”,“3”、“4月”、“可能”、“君”、“7”、“8月”,“9”,10月,11月,12月”};} 

设置方向

通过将系列类型设置为,可以更改箱形图的方向VerticalBoxPlot

@ (Html.Kendo () .Chart () . name(“图表”).Title(“月平均气温(度;F)”).Legend(传说= > legend.Visible(假)).Series(系列= >系列.VerticalBoxPlot(新System.Collections.ArrayList(){新{降低= 26.2,q1 = 38.3,中值= 51.0,第三季度= 61.45,= 68.9,= 49.0,离群值= new[]{18.3、20、70、72、5}},新{降低= 26.4,q1 = 38.125,中值= 46.8,第三季度= 60.425,= 66.8,= 47.3,离群值= new[]{69, 71.3, 71.5}},{新降低= 31.6,q1 = 41.725,中值= 52.35,第三季度= 62.175,= 70.8,= 52.3,离群值= new[]{14个,74年16.4}},新{降低= 34.4,q1 = 39.375,中值= 49.9,第三季度= 61.425,= 69.2,= 50.3,离群值= new[]{72年16,18日,72.5}},新{降低= 29.9,q1 = 38.35,中值= 50.4,第三季度= 60.875,= 69.7,= 49.9,离群值= new[]{19、20、76、78}},新{降低= 22.3,q1 = 36.875,中值= 48.9,第三季度= 62.65,= 70.3,= 49.0,离群值= new[]{16.5, 17, 74、75、78}},{新降低= 32.3,q1 = 39.5,中值= 54.1,第三季度= 61.175,上= 67.3,= 50.8,离群值= new[]{13、14、15日,74.3,75.2,76}},新{低= 28.5,q1 = 36.075,中值= 50.5,第三季度= 64.2,= 70.4,= 49.6,离群值= new[]{73.4, 18日,22日,75}},新{低= 33.6,q1 = 40.65,中值= 49.55,第三季度= 62.8,= 69.2,= 51.1,离群值= new[]{73}},新{低= 33.6,q1 = 38.6,中值= 47.9,第三季度= 60.825,= 67.0,= 49.7,离群值= new[]{73年12日13.5,16日,74.6,77}},{新降低= 31.9,q1 = 36.425,中值= 49.3,第三季度= 61.825,= 69.7,mean= 49.4, outliers= new [] {17,76}}, new {lower= 34.0, q1= 41.225, median= 51.15, q3= 62.4, upper= 68.8, mean= 51.6, outliers= new [] {14.6, 17.3, 72.3, 74}}) .CategoryAxis(categoryAxis => categoryAxis .Categories(new string[]{“Jan”,“Feb”,“Mar”,“Apr”,“May”,“Jun”,“Jul”,“Aug”,“Sep”,“Oct”,“Nov”,“Dec”}).MajorGridLines(majorGridLines => majorGridLines. visible (false)))))
@addTagHelper *,剑道。Mvc @ {var类别= new string[]{“1”,“2”,“3”、“4月”、“可能”、“君”、“7”、“8月”,“9”,10月,11月,12月”};}              

自定义异常值

异常值是出现在下限和上限之间的范围之外的值(内围栏)。根据离内围栏的距离,箱形图中的异常值是温和的和极端的。Box Plot Chart默认将它们呈现为十字(轻度)和圆圈(极端)。

您可以单独配置异常值,并使用以下命令自定义它们:

另请参阅

在本文中
Baidu
map