Scientific/Css/ichartjs/docs/zh/html/ichart_coordinate3d.html

（开头部分） 22KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iChart.Coordinate3D-Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<link rel="stylesheet" href="../resources/style.css" type="text/css"/>

</head>
<body class='ichartjs_page'>
<div class='ichartjs_p_5'><div class='ichartjs_title ichartjs_radius2 ichartjs_p_5'><div class='ichartjs_inline ichartjs_left'>概览&nbsp;&nbsp;</div><a class='ichartjs_anchor' href='#configs'>配置项</a><a class='ichartjs_anchor' href='#events'>事件</a><a class='ichartjs_anchor' href='#methods'>方法</a></div><div class='ichartjs_overview_content'>
<span class='ichartjs_class'>Coordinate3D</span>&nbsp;&nbsp;<br/><div class='ichartjs_p_10 ichartjs_m_10 ichartjs_color ichartjs_inline ichartjs_radius5'><div class='ichartjs_font_600 ichartjs_h_25'>
层次树</div>
<div class='ichartjs_h_18'><span class='ichartjs_h_18'><a href="ichart_element.html" target="main" >iChart.Element</a></span>
</div>
<div class='ichartjs_h_18'><span class='ichartjs_indent'><div class='ichartjs_tree'></div></span><span class='ichartjs_h_18'><a href="ichart_painter.html" target="main" >iChart.Painter</a></span>
</div>
<div class='ichartjs_h_18'><span class='ichartjs_indent'></span><span class='ichartjs_indent'><div class='ichartjs_tree'></div></span><span class='ichartjs_h_18'><a href="ichart_component.html" target="main" >iChart.Component</a></span>
</div>
<div class='ichartjs_h_18'><span class='ichartjs_indent'></span><span class='ichartjs_indent'></span><span class='ichartjs_indent'><div class='ichartjs_tree'></div></span><span class='ichartjs_h_18'><a href="ichart_coordinate2d.html" target="main" >iChart.Coordinate2D</a></span>
</div>
<div class='ichartjs_h_18'><span class='ichartjs_indent'></span><span class='ichartjs_indent'></span><span class='ichartjs_indent'></span><span class='ichartjs_indent'><div class='ichartjs_tree'></div></span><span class='ichartjs_h_18'><a href="ichart_coordinate3d.html" target="main" >iChart.Coordinate3D</a></span>
</div>
</div><br/>3D坐标系的实现类<br/>
 <br/
</div></div><div class='ichartjs_p_5' id='configs' name='configs'><div class='ichartjs_title ichartjs_p_5'>配置项</div><table class='ichartjs_table'><tr class='ichartjs_table_header'><th class='ichartjs_table_parameter'>参数</th><th class='ichartjs_table_type'>类型</th><th class='ichartjs_table_description'>描述</th><th class='ichartjs_table_definedBy'>定义者</th></tr><tr class='ichartjs_even'><td id='ichart_link_axis'>axis</td><td>Boolean</td><td>覆盖默认值。关闭轴线的设置。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_background_color'>background_color</td><td>String</td><td>覆盖默认值。设置网格的颜色为'#d6dbd2'。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_board_deep'>board_deep</td><td>Number</td><td>3D效果中，坐标系背部面板的厚度。(默认为20)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_border'>border</td><td>Object</td><td>此处设置了开启边框配置项。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_painter.html" target="main" >Painter</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_color_factor'>color_factor</td><td>float</td><td>覆盖默认值。设置颜色因子的值为0.18。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_crosshair'>crosshair</td><td>Object</td><td>十字线的配置(默认的enable为false).请参考<a href='ichart_crosshair.html'>iChart.CrossHair</a><br/>
 说明:此配置有一个额外的属性enable表示是否开去十字线(默认为false)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_fontunit'>fontunit</td><td>String</td><td>此组件中文字的尺寸的单位。(默认为'px')<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_component.html" target="main" >Component</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_gradient'>gradient</td><td>Boolean</td><td>覆盖默认值。默认启用渐变效果。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_gradient_mode'>gradient_mode</td><td>String</td><td>背景渐变的样式。(默认为'LinearGradientUpDown')<br/>
 @Option 'LinearGradientUpDown'<br/>
 @Option 'LinearGradientDownUp'<br/>
 @Option 'LinearGradientLeftRight'<br/>
 @Option 'LinearGradientRightLeft'<br/>
 @Option 'RadialGradientOutIn'<br/>
 @Option 'RadialGradientInOut'<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_painter.html" target="main" >Painter</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_grid_color'>grid_color</td><td>String</td><td>覆盖默认值。设置网格的颜色为'#a4ad96'。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_grid_line_width'>grid_line_width</td><td>Number</td><td>网格的宽度值。(默认为1)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_gridHStyle'>gridHStyle</td><td>Object</td><td>配置水平坐标轴方向网格的样式。(默认为空对象)。<br/>
 对象子配置项:<br/>
 @Option solid {Boolean} 为True则渲染为实线，否则为虚线。(默认为true)<br/>
 @Option size {Number} 当渲染为虚线时，指定其线段的长度。(默认为 10)<br/>
 @Option fator {Number} 当渲染为虚线时，指定其线段与空白段的比例。(默认为 1)<br/>
 @Option width {Number} 指定网格的宽度。(默认为 1)<br/>
 @Option color {String} 指定网格的颜色。(默认为 '#dbe1e1')<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_gridlinesVisible'>gridlinesVisible</td><td>Boolean</td><td>网格是否可见。(默认为true)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_grids'>grids</td><td>Object</td><td>配置自定义网格线。提供水平和垂直网格的配置。水平方向由horizontal指定，垂直方向由vertical指定。<br/>
 配置网格有以下两个属性： <br/>
 way:网格生成方式(默认为'share_alike') <br/>
    可选值:<br/>
    @Option share_alike 指定网格的数量(线条数-1)。<br/>
    @Option given_value 给出网格之间间距。<br/>
 value: 根据way的设置，其代表各自的给定值。<br/>
 代码示例:<br/>
 { <br/>
   horizontal: { way:'share_alike', value:10 } <br/>
   vertical: { way:'given_value', value:40 } <br/>
  }<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_gridVStyle'>gridVStyle</td><td>Object</td><td>配置垂直坐标轴方向网格的样式。(默认为空对象)。<br/>
 对象子配置项:<br/>
 @Option solid {Boolean} 为True则渲染为实线，否则为虚线。(默认为true)<br/>
 @Option size {Number} 当渲染为虚线时，指定其线段的长度。(默认为 10)<br/>
 @Option fator {Number} 当渲染为虚线时，指定其线段与空白段的比例。(默认为 1)<br/>
 @Option width {Number} 指定网格的宽度。(默认为 1)<br/>
 @Option color {String} 指定网格的颜色。(默认为 '#dbe1e1')<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_height'>height</td><td>String</td><td>坐标系高度。可以设置为像素和百分比形式。百分比形式相对于图表可用高度。(默认为'80%')<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_ignoreEdge'>ignoreEdge</td><td>Boolean</td><td>覆盖默认值。设置忽略与边缘重合的网格线。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_ignoreOverlap'>ignoreOverlap</td><td>Boolean</td><td>为true将会忽略与有值的坐标轴重合的网格。(默认为true)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_left_board'>left_board</td><td>Boolean</td><td>为true则显示左侧的面板。(默认为true)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_listeners'>listeners</td><td>Object</td><td>事件的配置项。(默认为null)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_painter.html" target="main" >Painter</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_offsetx'>offsetx</td><td>Number</td><td>组件中水平偏移量，正数向右，负数向左。单位像素。(默认为0)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_painter.html" target="main" >Painter</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_offsety'>offsety</td><td>Number</td><td>组件中垂直偏移量，正数向下，负数向上。单位像素。(默认为0)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_painter.html" target="main" >Painter</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_originx'>originx</td><td>Number</td><td>图表原点x坐标，不指定会根据对齐方式计算。(默认为null)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_painter.html" target="main" >Painter</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_originy'>originy</td><td>Number</td><td>图表原点y坐标，不指定会根据对齐方式计算。(默认为null)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_painter.html" target="main" >Painter</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_padding'>padding</td><td>Number</td><td>组件中内边框的值,规则与css中的一致，单位像素。(默认为10)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_painter.html" target="main" >Painter</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_pedestal_height'>pedestal_height</td><td>Number</td><td>3D效果中，坐标系底座的高度。(默认为22)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_scale'>scale</td><td>Array</td><td>刻度的配置项。请参考<a href='ichart_scale.html'>iChart.Scale</a><br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_scale2grid'>scale2grid</td><td>Boolean</td><td>指示是否网格与刻度保持一致。此选项生效的前提是没有指定grids配置项。为True时，如果<a href='ichart_scale.html'>iChart.Scale</a>也配置了此项，则此子项为准。(默认为true)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_shadow'>shadow</td><td>Boolean</td><td>此组件是否启用阴影效果。启用阴影在移动客户端上可能会引起渲染速度变慢。(默认为false)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_element.html" target="main" >Element</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_shadow_blur'>shadow_blur</td><td>Number</td><td>此组件阴影的模糊程度,单位px。(默认为4)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_element.html" target="main" >Element</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_shadow_color'>shadow_color</td><td>String</td><td>此组件阴影的颜色值.(默认为'#666666')<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_element.html" target="main" >Element</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_shadow_offsetx'>shadow_offsetx</td><td>Number</td><td>覆盖默认值。设置阴影x轴偏移为4。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_shadow_offsety'>shadow_offsety</td><td>Number</td><td>覆盖默认值。设置阴影y轴偏移为2。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_striped'>striped</td><td>Boolean</td><td>覆盖默认值。关闭隔行变色。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate3d.html" target="main" >Coordinate3D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_striped_direction'>striped_direction</td><td>String</td><td>隔行变色的方向。(默认为'v')<br/>
 可选值:<br/>
 @Option 'h' 水平<br/>
 @Option 'v' 垂直<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_striped_factor'>striped_factor</td><td>float(0.01 - 0.5)</td><td>应用隔行变色后变色程度的因子,相对于background-color,值越大变化越大。(默认为'0.01')<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_strokeStyle'>strokeStyle</td><td>String</td><td>组件中context的strokeStyle属性的值。(默认为'gray')<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_painter.html" target="main" >Painter</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_valid_height'>valid_height</td><td>Number</td><td>坐标系有效绘图高度，可以设置为像素和百分比形式。百分比形式相对于坐标系高度。(默认为'100%')<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_valid_width'>valid_width</td><td>Number</td><td>坐标系有效绘图宽度，可以设置为像素和百分比形式。百分比形式相对于坐标系宽度。(默认为'100%')<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_coordinate2d.html" target="main" >Coordinate2D</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_wall_style'>wall_style</td><td>Array</td><td>自定义3D坐标系中6个面板的样式。如果给出长度小于6，则用<a href='#ichart_link_background_color'>background_color</a>代替。<br/>
 每个配置项的可见属性为：<br/>
后面还有 55 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。