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

QQ登录

只需一步,快速开始

碁大师

初级会员

16

主题

47

帖子

424

积分

初级会员

积分
424
碁大师
初级会员   /  发表于:2019-11-13 09:30  /   查看:5155  /  回复:8
1金币
在进行图表处理时,获得到图表系列SeriesCollection(),测试时调用instance.dataPoints(),始终显示undefined,请问怎么处理。

附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

目前只有旭日图和树图可以获取datapoint,其余图表暂不支持该功能

8 个回复

最佳答案
最佳答案
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2019-11-13 09:30:51
来自 7#
目前只有旭日图和树图可以获取datapoint,其余图表暂不支持该功能
回复 使用道具 举报
Fiooona
论坛元老   /  发表于:2019-11-13 12:01:58
2#
提供下相关的Demo 把,还要你用的什么版本的安装包?
组件化表格编辑器(预览版)试用进行中,点击了解详情!
请点击评分,对我的服务做出评价!5分为非常满意!
回复 使用道具 举报
碁大师
初级会员   /  发表于:2019-11-13 14:13:55
3#
Fiooona 发表于 2019-11-13 12:01
提供下相关的Demo 把,还要你用的什么版本的安装包?

这个是一个简单的demo,我主要就是想看一下这个dataPoints()的数据对象是什么样子的,谢谢了。

  1. <head>
  2.     <meta name="spreadjs culture" content="zh-cn" />
  3.     <meta charset="utf-8" />
  4.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  5.     <link rel="icon" type="image/png"  />
  6.     <link rel=" stylesheet" type="text/css"  />
  7.     <link rel="stylesheet" type="text/css"  />
  8.     <script type="text/javascript" src="https://cdn.grapecity.com.cn/spreadjs/scripts/gc.spread.sheets.all.12.0.6.min.js"></script>
  9.     <script type="text/javascript" src="https://cdn.grapecity.com.cn/spreadjs/scripts/resources/zh/gc.spread.sheets.resources.zh.12.0.6.min.js"></script>
  10.     <script type="text/javascript" src="https://cdn.grapecity.com.cn/spreadjs/scripts/jquery-1.11.1.min.js"></script>
  11.     <script type="text/javascript" src="https://cdn.grapecity.com.cn/spreadjs/scripts/plugins/gc.spread.sheets.charts.12.0.0.min.js"></script>

  12.     <style>
  13.         .sample-tutorial {
  14.             position: relative;
  15.             height: 100%;
  16.             overflow: hidden;
  17.         }

  18.         .sample-spreadsheets {
  19.             width: calc(100% - 280px);
  20.             height: 100%;
  21.             overflow: hidden;
  22.             float: left;
  23.         }

  24.         .options-container {
  25.             float: right;
  26.             width: 280px;
  27.             padding: 12px;
  28.             height: 100%;
  29.             box-sizing: border-box;
  30.             background: #fbfbfb;
  31.             overflow: auto;
  32.         }

  33.         .option-row {
  34.             font-size: 14px;
  35.             padding: 5px;
  36.             margin-top: 10px;
  37.         }

  38.         input, select {
  39.             width: 100%;
  40.             padding: 4px, 8px;
  41.             margin: 8px 0;
  42.             box-sizing: border-box;
  43.         }

  44.         body {
  45.             position: absolute;
  46.             top: 0;
  47.             bottom: 0;
  48.             left: 0;
  49.             right: 0;
  50.         }
  51.     </style>
  52. </head>
  53. <body>
  54.     <div class="sample-tutorial">
  55.         <div id="ss" class="sample-tutorial"></div>
  56.     </div>
  57.     <script type="text/javascript">
  58.         var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
  59.         var sheet = spread.getActiveSheet();
  60.         var dataArray = [
  61.             ["", 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
  62.             ["Tokyo", 49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
  63.             ["New York", 83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3],
  64.             ["London", 48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2],
  65.             ["Berlin", 42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
  66.         ];
  67.         sheet.setArray(0, 0, dataArray);
  68.         var chartType = GC.Spread.Sheets.Charts.ChartType;
  69.         var activeChart = sheet.charts.add("", chartType["columnClustered"], 300, 300, 400, 300, "A1:M5");
  70.         var series = activeChart.series();
  71.         console.log(series);
  72.         console.log(series.dataPoints());
  73.     </script>
  74. </body>
  75. </html>
复制代码



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Fiooona
论坛元老   /  发表于:2019-11-13 18:45:32
4#
如果这个系列中有DataPoint回返回DataPoint,
没有返回就是没有定义DataPoint ,具体这个DataPoint的含义我确认好跟你回复
组件化表格编辑器(预览版)试用进行中,点击了解详情!
请点击评分,对我的服务做出评价!5分为非常满意!
回复 使用道具 举报
碁大师
初级会员   /  发表于:2019-11-14 16:49:22
5#
Fiooona 发表于 2019-11-13 18:45
如果这个系列中有DataPoint回返回DataPoint,
没有返回就是没有定义DataPoint ,具体这个DataPoint的含义我 ...

OK,具体意思是清楚,不过根据官方提供的文档进行测试,测试不出具体DataPoint(),您那边有结果了就通知我,感谢哈
回复 使用道具 举报
Fiooona
论坛元老   /  发表于:2019-11-14 18:36:47
6#
好的,预计明天答复
组件化表格编辑器(预览版)试用进行中,点击了解详情!
请点击评分,对我的服务做出评价!5分为非常满意!
回复 使用道具 举报
碁大师
初级会员   /  发表于:2019-11-18 08:56:14
8#
ClarkPan 发表于 2019-11-15 17:49
目前只有旭日图和树图可以获取datapoint,其余图表暂不支持该功能

好的,感谢
回复 使用道具 举报
Fiooona
论坛元老   /  发表于:2019-11-18 12:00:20
9#
组件化表格编辑器(预览版)试用进行中,点击了解详情!
请点击评分,对我的服务做出评价!5分为非常满意!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部