你们官网,动态渲染的脚本缺少注释,见下面红色代码
❖详细介绍 通过创建图表来进行表格渲染,主要包括三部分,第一部分是定义出图表的格式,第二部分是设定图表的数据源,第三部分是调用 getImage 函数生成图表。 •定义图表格式 function createBMark(stack){创建什么,BMark是什么? var mark = new RangeBMark();创建什么? mark.addDim("market");创建的是维度?是什么图表的维度? mark.addMeasure("sum_Sales");创建的是度量?是什么图表的度量? mark.setOpt(new StackMarkOpt());什么意思? mark.setStack(stack);什么意思? return mark; } function getBChart(){创建什么,BChart是什么? var axisType = CConstants.AXIS_BOTTOM_LEFT;// AXIS_UPPER_RIGHT什么意思? var xscala = new DiscreteScala(new Array("market"));创建什么? var aopt = new AxisOpt();创建什么,坐标轴? aopt.setPType(axisType);设置什么类型? var lbopt = new AxisLabelOpt();生成横轴标签? lbopt.setPType(CConstants.LABEL_OUTER);横轴标签类型设置? aopt.setLabelOpt(lbopt);设置什么? xscala.setOpt(aopt);刻度设置? var yscala = new ContinuousScala(new Array("sum_Sales"));刻度设置成连续的,什么意思? aopt = yscala.getOpt();什么意思? aopt.setPType(axisType);什么意思? var coord = new RectCoord(xscala, yscala);什么意思? var mark = createBMark(false);什么意思? var bchart = new BChart(coord, mark);什么意思? return bchart; } var bc = getBChart(); •设定图表的数据源 所画图表的数据源,在查询中用户可以根据需求使用 SQL 语句制作数据源。 1)数据必须是分组数据,使用 group by 来对数据进行分组 2)在数据的查询条件中可以添加参数,然后在 cell render 的脚本中给参数传值,从而使查询更加灵活、易用。 param['product'] = cols['Product']; var data = execute(this,SQL,"Query_cellRender2"); •调用 getImage 函数生成图表 表格宽度:cell.width 表格高度:cell.height getImage(bc,data,cell.width,cell.height);
|