图表自定义函数

客官°小女子只卖身不卖艺 2023-10-09 11:19 17阅读 0赞

## 1.描述 ##

新图表支持全面自定义，使得用户可以在基础图表上做出更多注释型的图表。

坐标轴，标签，提示点都是可以自定义的，在这个自定义函数里，this 指代的是当前的数据点对象，常用的属性说明如下：

<table style="width:600px;"> 
 <thead> 
  <tr> 
   <th> <p>&nbsp; 属性</p> </th> 
   <th> <p>类型 &nbsp;</p> </th> 
   <th> <p>说明 &nbsp;</p> </th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&nbsp;&nbsp;this.category</td> 
   <td>&nbsp;&nbsp;String</td> 
   <td>当前数据点所在的分类的名字</td> 
  </tr> 
  <tr> 
   <td>&nbsp;&nbsp;this.seriesName</td> 
   <td>&nbsp;&nbsp;String</td> 
   <td>当前数据点所在的系列的名字</td> 
  </tr> 
  <tr> 
   <td>&nbsp;&nbsp;this.name</td> 
   <td>&nbsp;&nbsp;String</td> 
   <td>对于地图来说，name 表示当前数据点的区域名，比如江苏省，南通市等等</td> 
  </tr> 
  <tr> 
   <td>&nbsp;&nbsp;this.percentage</td> 
   <td>&nbsp;&nbsp;Number</td> 
   <td>表示当前数据点所占的百分比</td> 
  </tr> 
  <tr> 
   <td>&nbsp;&nbsp;this.getTargetValue()</td> 
   <td>&nbsp;&nbsp;Function</td> 
   <td>调用这个方法能取到当前数据点的指标值</td> 
  </tr> 
  <tr> 
   <td>&nbsp;&nbsp;this.points</td> 
   <td>&nbsp;&nbsp;Array</td> 
   <td>这个参数比较重要，对于有坐标轴的图表，这个参数表示当前数据点所在的分类上的所有的点；对于地图，这个参数表示同一个区域上的不同的系列的点</td> 
  </tr> 
  <tr> 
   <td>&nbsp;&nbsp;this.series&nbsp;</td> 
   <td>&nbsp;&nbsp;Object</td> 
   <td>当前数据点所在的系列</td> 
  </tr> 
  <tr> 
   <td>&nbsp;this.processes[this.processes.length - 1].name</td> 
   <td>Object</td> 
   <td>对于甘特图来说，当前数据点所在的项目名称&nbsp;</td> 
  </tr> 
  <tr> 
   <td>this.startTime&nbsp;</td> 
   <td>Object</td> 
   <td>对于甘特图来说，当前数据点所在的开始时间&nbsp;</td> 
  </tr> 
  <tr> 
   <td>this.finishTime&nbsp;</td> 
   <td>Object&nbsp;</td> 
   <td>对于甘特图来说，当前数据点所在的结束时间&nbsp;</td> 
  </tr> 
  <tr> 
   <td>this.duration&nbsp;</td> 
   <td>Object</td> 
   <td>对于甘特图来说，当前数据点所在的持续时间&nbsp;</td> 
  </tr> 
  <tr> 
   <td>this.progress&nbsp;</td> 
   <td>Number&nbsp;</td> 
   <td>对于甘特图来说，当前数据点所在的进度&nbsp;</td> 
  </tr> 
  <tr> 
   <td>this.parent&nbsp;</td> 
   <td>&nbsp;Object&nbsp;</td> 
   <td>对于多层饼图，parent表示父节点的数据对象&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

索引：

[\[新\]旋风图—X 轴自定义][X]

[\[新\]图表的标题/坐标轴/标签内容换行显示][Link 1]

[\[新\]Y轴自定义][Y]

[\[新\]标签自定义][Link 2]

[\[新\]提示点自定义][Link 3]

[\[新\]地图标签和提示点位置自定义][Link 4]

注：由于浏览器的兼容性问题，这里的自定义时写的 HTML 内容需要根据实际浏览器进行修改，比如低版本的 IE 浏览器

[X]: http://help.finereport.com/doc-view-1937.html
[Link 1]: http://help.finereport.com/doc-view-1966.html
[Y]: http://help.finereport.com/doc-view-1294.html
[Link 2]: http://help.finereport.com/doc-view-1882.html
[Link 3]: http://help.finereport.com/doc-view-1883.html
[Link 4]: http://help.finereport.com/doc-view-1717.html