找回密码
 立即注册

QQ登录

只需一步,快速开始

yuanxu1614

初级会员

45

主题

138

帖子

433

积分

初级会员

积分
433

微信认证勋章

yuanxu1614
初级会员   /  发表于:2020-1-13 16:02  /   查看:3977  /  回复:6
求一个spreadjs方法可以变更折线图中任意一个系列的种类。如图1 ,将面图的最后一个系类变更成图3的样子,如何用代码实现图2红框中的操作。
折线图3.PNG
折线图2.PNG
折线图1.PNG

6 个回复

正序浏览
Fiooona
论坛元老   /  发表于:2020-1-14 16:15:12
8#
  1. /*--------------------导入SSJSON----------------------*/
  2. $("#loadSsjson").click(function () {

  3.     var ssjsonFile = document.getElementById("fileDemoSsjson").files[0];
  4. //获取到文件列表
  5. var files = $('#fileDemoSsjson').prop('files');
  6. //新建一个FileReader
  7. var reader = new FileReader();
  8. //读取文件
  9. reader.readAsText(files[0], "UTF-8");
  10. //读取成功触发onload事件
  11. reader.onload = function(evt){
  12.     var fileString = evt.target.result;
  13.     var jsonObj = JSON.parse(fileString);
  14.     if(jsonObj.MyData){
  15.         alert(jsonObj.MyData);
  16.     }
  17.     spread.fromJSON(jsonObj);
  18.     console.log(jsonObj);
  19.     var sheet = spread.getSheetFromName("折线图");
  20. var  newSheet  = new GC.Spread.Sheets.Worksheet("newSheet");
  21. spread.suspendPaint();

  22. var chart = sheet.charts.all()[0];
  23. var seriesItem = {};
  24.     seriesItem.chartType = GC.Spread.Sheets.Charts.ChartType.line;
  25.     seriesItem.backColor = 'rgb(113,173,72)';
  26.     seriesItem.name = 'H1';
  27.     seriesItem.xValues = 'A2:A7';
  28.     seriesItem.yValues = 'H2:H10';
  29.     chart.series().add(seriesItem);

  30. spread.resumePaint();
  31. };
  32. // 读取失败触发onerror
  33. reader.onerror = function (e) {
  34.     console.log(e);
  35. };
  36. });
复制代码


页面的H列 是我手动在页面上填的数据,就用上面的Demo ,导入SSJSON这块代码替换成上面这一段
组件化表格编辑器(预览版)试用进行中,点击了解详情!
请点击评分,对我的服务做出评价!5分为非常满意!
回复 使用道具 举报
yuanxu1614
初级会员   /  发表于:2020-1-14 15:44:29
7#
Fiooona 发表于 2020-1-14 14:40
上面的Demo 中将fromJSON这个方法doNotRecalculateAfterLoad:true 这个属性删除导入图表时可以正常显示,
...

可以把上面那个画出来的折线图代码发给我一份吗,感谢
回复 使用道具 举报
Fiooona
论坛元老   /  发表于:2020-1-14 14:40:36
地板
上面的Demo 中将fromJSON这个方法doNotRecalculateAfterLoad:true 这个属性删除导入图表时可以正常显示,
image.png702830810.png
image.png93839415.png
用上面代码中的方法可以增加一个系列,将已有的某一个系列变更也是需要增加系列,用组合图的方式实现
组件化表格编辑器(预览版)试用进行中,点击了解详情!
请点击评分,对我的服务做出评价!5分为非常满意!
回复 使用道具 举报
yuanxu1614
初级会员   /  发表于:2020-1-14 10:58:05
板凳
上面那个demo,选导入jsson那个,画出来的好像有点问题
回复 使用道具 举报
yuanxu1614
初级会员   /  发表于:2020-1-13 18:13:17
沙发
ClarkPan 发表于 2020-1-13 16:41
用组合图表完成https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/chart/combo-chart/pur ...

不知道是不是我写法有问题,我把这个面图其中一个系列的类型改成折线图之后,那个系类就显示不出来了。求解,demo已上传

demo.zip

2.25 MB, 下载次数: 227

回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2020-1-13 16:41:55
楼主
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部