这个是一个简单的demo,我主要就是想看一下这个dataPoints()的数据对象是什么样子的,谢谢了。
- <head>
- <meta name="spreadjs culture" content="zh-cn" />
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <link rel="icon" type="image/png" />
- <link rel=" stylesheet" type="text/css" />
- <link rel="stylesheet" type="text/css" />
- <script type="text/javascript" src="https://cdn.grapecity.com.cn/spreadjs/scripts/gc.spread.sheets.all.12.0.6.min.js"></script>
- <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>
- <script type="text/javascript" src="https://cdn.grapecity.com.cn/spreadjs/scripts/jquery-1.11.1.min.js"></script>
- <script type="text/javascript" src="https://cdn.grapecity.com.cn/spreadjs/scripts/plugins/gc.spread.sheets.charts.12.0.0.min.js"></script>
- <style>
- .sample-tutorial {
- position: relative;
- height: 100%;
- overflow: hidden;
- }
- .sample-spreadsheets {
- width: calc(100% - 280px);
- height: 100%;
- overflow: hidden;
- float: left;
- }
- .options-container {
- float: right;
- width: 280px;
- padding: 12px;
- height: 100%;
- box-sizing: border-box;
- background: #fbfbfb;
- overflow: auto;
- }
- .option-row {
- font-size: 14px;
- padding: 5px;
- margin-top: 10px;
- }
- input, select {
- width: 100%;
- padding: 4px, 8px;
- margin: 8px 0;
- box-sizing: border-box;
- }
- body {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- }
- </style>
- </head>
- <body>
- <div class="sample-tutorial">
- <div id="ss" class="sample-tutorial"></div>
- </div>
- <script type="text/javascript">
- var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
- var sheet = spread.getActiveSheet();
- var dataArray = [
- ["", 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
- ["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],
- ["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],
- ["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],
- ["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]
- ];
- sheet.setArray(0, 0, dataArray);
- var chartType = GC.Spread.Sheets.Charts.ChartType;
- var activeChart = sheet.charts.add("", chartType["columnClustered"], 300, 300, 400, 300, "A1:M5");
- var series = activeChart.series();
- console.log(series);
- console.log(series.dataPoints());
- </script>
- </body>
- </html>
复制代码
|