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

这里只显示每个文件的开头 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.LineMonitor2D-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="../../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></div><div class='ichartjs_overview_content'>
<span class='ichartjs_class'>LineMonitor2D</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_chart.html" target="main" >iChart.Chart</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_line.html" target="main" >iChart.Line</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_linemonitor2d.html" target="main" >iChart.LineMonitor2D</a></span>
</div>
</div><br/>实时折线图类<br/>
	  若单独引用js文件，此图表依赖以下文件：<br/>
	  ichart.core.js<br/>
	  ichart.element.js<br/>
	  ichart.html.js<br/>
	  ichart.painter.js<br/>
	  ichart.component.js<br/>
	  ichart.interface.js<br/>
	  ichart.legend.js<br/>
	  ichart.coordinate.js<br/>
	  ichart.crosshair.js<br/>
	  ichart.chart.js<br/>
	  ichart.linesegment.js<br/>
	  ichart.tip.js<br/>
	  ichart.text.js<br/>
	  ichart.line.js<br/>
	  ichart.linemonitor2d.js<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_chart_align'>align</td><td>String</td><td>绘主图区在图表中的水平对齐位置。(默认为'center')<br/>
 可选值为：<br/>
 @Option 'left'<br/>
 @Option 'center'<br/>
 @Option 'right'<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_chart.html" target="main" >Chart</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_chart_animation'>animation</td><td>Boolean</td><td>是否启用过渡动画,false则跳过开机动画.(默认为false)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_chart.html" target="main" >Chart</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_chart_animation_timing_function'>animation_timing_function</td><td>String</td><td>启用动画的动作函数(默认为'ease-in-out')可选值有：<br/>
 @Option 'easeIn'<br/>
 @Option 'easeOut'<br/>
 @Option 'easeInOut'<br/>
 @Option 'linear'<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_chart.html" target="main" >Chart</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_painter_background_color'>background_color</td><td>String</td><td>组件中背景颜色(填充色)的值。(默认为'FEFEFE')<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_element_border'>border</td><td>Object</td><td>此组件中边框的属性样式。<br/>
 此属性是一个对象，可用的属性如下：<br/>
 @Option enable {boolean} 是否边框可用。(默认为false)<br/>
 @Option color {String} 边框的颜色。(默认为'#BCBCBC')<br/>
 @Option width {Number/Array} 边框的宽度,单位px。如果为数组，应该有4个值(上-右-下-左)，指定其4个边的宽度值。(默认为1)<br/>
 @Option radius {Number} 边框的圆角值.(默认为5)<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_painter_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_painter_brushsize'>brushsize</td><td>Number</td><td>组件中context的linewidth属性的大小。(默认为1)<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_painter_color'>color</td><td>String</td><td>组件中字体颜色的值。(默认为'black')<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_painter_color_factor'>color_factor</td><td>float(0.01 - 0.5)</td><td>颜色因子，指示其颜色相对于背景色的变化量,值越大，变化值越大(越亮或者越暗)(默认为0.15)<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_line_coordinate'>coordinate</td><td>Object</td><td>坐标系的配置项。请参考<a href='ichart_coordinate2d.html'>iChart.Coordinate2D</a><br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_line.html" target="main" >Line</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_line_crosshair'>crosshair</td><td>Object</td><td>十字线的配置(默认的enable为false).请参考<a href='ichart_crosshair.html'>iChart.CrossHair</a><br/>
 说明:<br/>
 1.此配置有一个额外的属性enable表示是否开去十字线(默认为false)<br/>
 2.此配置会自动覆盖coordinate中的crosshair配置。配置十字线应该用此配置。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_line.html" target="main" >Line</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_chart_data'>data</td><td>Array</td><td>必需属性,图表的数据源。<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_chart.html" target="main" >Chart</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_line_data_labels'>data_labels</td><td>Array</td><td>刻度水平轴的文本标签集合。(默认为[])<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_line.html" target="main" >Line</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_chart_decimalsnum'>decimalsnum</td><td>Number</td><td>百分比小数点精度(小数点后几位)。(default to 1)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_chart.html" target="main" >Chart</a></td></tr><tr class='ichartjs_even'><td id='ichart_link_chart_default_mouseover_css'>default_mouseover_css</td><td>Boolean</td><td>是否当鼠标进入时触发默认的手型鼠标样式。(默认为true)<br/></td><td class='ichartjs_right ichartjs_stress'><a href="ichart_chart.html" target="main" >Chart</a></td></tr><tr class='ichartjs_odd'><td id='ichart_link_linemonitor2d_direction'>direction</td><td>String</td><td>折线图运行方向。(默认为'left')<br/>
 Available value are:<br/>
 @Option 'left'<br/>