配色: 字号:
SpreadJS迷你图的基本应用
2017-01-24 | 阅:  转:  |  分享 
  
SpreadJS迷你图的基本应用

SpreadJS纯前端表格控件是基于HTML5的JavaScript电子表格和网格功能

控件,适用于.NET、Java和移动端等各平台在线编辑类Excel功能的表格程序

开发。本文主要介绍了SpreadJS迷你图的基本应用。

1.迷你图在显示Spread.Sheets数据的趋势时非常有用,特别是当你与其他人共

享数据时。使用迷你图(单个工作表单元格内的微型图表)可以直观地表示和显

示数据趋势。迷你图可以通过不同颜色吸引对某些内容(如季节性增加或降低或

经济周期)的注意,并突出显示最大和最小值。

2.你可以使用setSparkline方法来给某个单元格设置迷你图。并使

用getSparkline方法来获取迷你图。例如:

varspread=$(''#ss'').data(''workbook'');

varsheet=spread.getActiveSheet();

vardata=newGC.Spread.Sheets.Range(1,0,8,1);

vardateAxis=newGC.Spread.Sheets.Range(1,2,8,1);

sheet.addSpan(11,0,4,3);

sheet.setSparkline(11,0,data

,GC.Spread.Sheets.Sparklines.DataOrientation.vertical

,GC.Spread.Sheets.Sparklines.SparklineType.line

,setting

,dateAxis

,GC.Spread.Sheets.Sparklines.DataOrientation.vertical

);

sheet.getSparkline(11,0);

Spread.Sheets支持3种迷你图.SparklineType枚举表示了各种迷你图的类

型:

?line

?column

?winloss

3.你可以使用removeSparkline方法来移除指定单元格的迷你图。例如:

varspread=$(''#ss'').data(''workbook'');

varsheet=spread.getActiveSheet();

sheet.removeSparkline(11,0);

效果展示:



献花(0)
+1
(本文系feixiaobaiv...首藏)