Skip to content

Latest commit

 

History

History
executable file
·
40 lines (28 loc) · 1.6 KB

README.md

File metadata and controls

executable file
·
40 lines (28 loc) · 1.6 KB
Raw

SurfacePlot

Using ES6 (ECMAScript 2015) developed 3D surface plot component.

How to build

$ npm install

$ build.sh

Usage

 var chartData = {colNameArr:["col0", ...], rows:[{rowName:"row0", data:[3, 0, ...]}, ...]};
  // 下边 "可选参数" 的意思是指: 如果不想指定这个字段的信息, 就在 params 里删除这个字段
  var params = {
        width: 600,  // 必设参数,  图表在屏幕上的宽度
        height: 500, // 必设参数,  一般高度要设置得比宽度小,图表会显得比较漂亮
        usePerspective: false, // 可选参数, 开启透视效果, 默认为 true
        showScale: true, // 可选参数, 是否显示辅助线及刻度, 默认为 true
        scaleColor: '#0099fa', // 可选参数, 辅助线及刻度的颜色, 默认为与 title 颜色一样
        title: '3D 曲面图表 - 0', // 可选参数, 图表的名称, 默认为空
        fontColor: '0xfafafa', // 可选参数, 图表上文字的颜色, 默认为0xfafafa
        backgroundColor: '0x353535', // 可选参数, 图表背景颜色, 默认为 0x353535
        surfaceColors:  ['0x215c91',  '0x70af48', '0x3769bd', '0xfec536', '0xa5a5a5', '0xf27934', '0x6aa3d9'] // 可选参数, 曲面顶点颜色,如果要指定, 数组长度至少为 7 位.
   };
 
 // 生成图表实例
 var chart = new SurfacePlot(chartData, params);
 
 // 将曲面图显示到网页
 var container = document.getElementById('surfaceChart_Container');
 container.appendChild(chart.domElement);

###License GLSurfaceChart is released under the (http://opensource.org/licenses/MIT) MIT License.