请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

WangChangsong

注册会员

18

主题

33

帖子

115

积分

注册会员

积分
115
WangChangsong
注册会员   /  发表于:2018-12-12 17:03  /   查看:3794  /  回复:3
如果我想绘制B列和D列的折线图,使用如下代码:
sheet.charts.add('Chart1', GC.Spread.Sheets.Charts.ChartType.line, 0, 100, 400, 300, "B:B,D");


结果只画出了B列,是不是这里不支持多列的绘图?

另外,绘图中线条的名称不是列名,而是Series1,我的表格中列名都在表头区域,不在表中,这种情况如何将列名带入到折线图中?

此外,sheet.charts.add这个方法有没有详细的API参考文档,我想看下参数解释,比如下面这个最后一个参数 GC.Spread.Sheets.Charts.RowCol.rows是什么意思?
var chart = sheet.charts.add((sheet.name() + 'Chart1'), chartType, 30, 85, 800, 350, "A1:H4", GC.Spread.Sheets.Charts.RowCol.rows);
插入的图表能否设置为浮动样式,不要固定在表格的某个位置?

3 个回复

倒序浏览
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-12-12 18:48:11
沙发
您好,

1、SpreadJS chart支持多列绘图,关于折线图可以参考学习指南上的Demo:

https://demo.grapecity.com.cn/sp ... e/#/demos/lineChart

2、目前没有直接支持行头与列头中的数据作为series的API。

3、sheet.charts的API地址:

http://help.grapecity.com/spread ... hartCollection.html

4、add方法最后一个参数是用来指定行列数据与表格x和y轴的映射关系的,具体示例可以参考学习指南的示例:

https://demo.grapecity.com.cn/sp ... /#/demos/basicChart

示例中“Switch row/column”按钮即可实现这个效果。

5、插入的图表是一个浮动对象,您可以调用相关的API来设置其是否可以被移动和改变大小:

http://help.grapecity.com/spread ... s.Charts.Chart.html
回复 使用道具 举报
WangChangsong
注册会员   /  发表于:2018-12-13 10:42:12
板凳
本帖最后由 WangChangsong 于 2018-12-13 10:44 编辑
KevinChen 发表于 2018-12-12 18:48
您好,

1、SpreadJS chart支持多列绘图,关于折线图可以参考学习指南上的Demo:

多谢!

第一个问题还有点疑问
1、SpreadJS chart支持多列绘图,关于折线图可以参考学习指南上的Demo:

https://demo.grapecity.com.cn/sp ... e/#/demos/lineChart

这个Demo里面是给连续的多列绘图,    var chart = sheet.charts.add((sheet.name() + 'Chart1'), chartType, 30, 85, 800, 350, "A1:H4", GC.Spread.Sheets.Charts.RowCol.rows);

"A1:H4"这种写法有效,但是我现在要画的是不连续的多列,如 B、D、G列,按照Excel中的写法,应该是"B:B,D,G:G",但是这样写只能画出B列。请问这是bug还是我dataRange 的书写格式有问题?
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-12-13 15:54:41
地板
您好,chart暂时不支持不连续的引用,

您可以用chart.series方法来设置不同的数据集作为chart的数据来源,

参考API:

http://help.grapecity.com/spread ... riesCollection.html
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部