📄 linechart.html
字号:
<HTML>
<body bgcolor="#ffffff" topmargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0">
<table cellspacing=0 cellpadding=5 border=0 width=100%>
<tr bgcolor="#c6d3f7"><td>
<font face="Arial,Verdana,Helvetica" size=-2>
<b>
<a href="../index.html">main</a> |
<a href="index.html">documentation</a> |
<a href="../examples/index.html">examples</a> |
<a href="../presales_questions.html">common questions</a> |
<a href="../changes.html">changes</a> |
<a href="http://objectplanet.com/EasyCharts/license_details.html">licensing</a>
</b>
</font>
</td>
</tr>
</table>
<table BORDER=0 CELLSPACING=0 CELLPADDING=10 WIDTH=700>
<tr>
<td colspan=3>
<font face="Arial,Verdana,Helvetica" size=-1 color="#333333">
<p><br>
<font size=-0>
<b>EASYCHARTS DOCUMENTATION : LINECHART</b>
</font>
</td>
</tr>
<tr><td valign=top>
<font face="verdana,arial,helvetica" size=-1>
<font face="verdana,arial,helvetica" size=-1>
<b><a href="#loading_data">1. Loading Data</a></b><br>
<a href="#sample_values">1.1 sample values</a><br>
<a href="#sample_count">1.2 sample count</a><br>
<a href="#empty_values">1.3 empty values</a><br>
<a href="#multiple_data_series">1.4 multiple data series</a><br>
<a href="#dynamically_loading_data">1.5 dynamically loading data</a><br>
<A href="#data_help">1.6 loading data from a url</a><br>
<p>
<b><a href="#setting_the_range">2. Setting the Range</a></b><br>
<a href="#automatic_range_setting">2.1 automatic range setting</a><br>
<a href="#setting_explicit_range">2.2 setting explicit range</a><br>
<a href="#using_range_step">2.3 using range step</a><br>
<a href="#range_position_and_color">2.4 range position and color</a><br>
<a href="#range_value_labels">2.5 range value labels</a><br>
<a href="#range_axis_label">2.6 range axis label</a><br>
<a href="#range_adjuster">2.7 range adjuster</a><br>
<a href="#multiple_range_axis">2.8 multiple range axis</a><br>
<a href="#multiple_range_adjusters">2.9 multiple range adjusters</a><br>
</font>
</td>
<td valign=top>
<font face="verdana,arial,helvetica" size=-1>
<b><a href="#labels_and_fonts">3. Labels and Fonts</a></b><br>
<a href="#chart_title">3.1 chart title</a><br>
<a href="#sample_labels">3.2 sample labels</a><br>
<a href="#series_labels">3.3 series labels</a><br>
<a href="#legend_labels">3.4 legend labels</a><br>
<a href="#sample_axis_label">3.5 sample axis label</a><br>
<a href="#value_labels">3.6 value labels</a><br>
<a href="#anywhere_labels">3.7 anywhere labels</a><br>
<p>
<b><a href="#chart_colors">4. Chart Colors</a></b><br>
<a href="#sample_colors">4.1 sample colors</a><br>
<a href="#background_color">4.2 background color</a><br>
<a href="#chart_background_color">4.3 chart background color</a><br>
<a href="#foreground_color">4.4 foreground color</a><br>
<a href="#chart_foreground_color">4.5 chart foreground color</a><br>
</font>
</td>
<td valign=top>
<font face="verdana,arial,helvetica" size=-1>
<b><a href="#chart_style">5. Chart Style</a></b><br>
<a href="#3dmode">5.1 3D mode</a><br>
<a href="#sample_scroller">5.2 sample scroller</a><br>
<a href="#horizontal_grid_lines">5.3 horizontal grid lines</a><br>
<a href="#default_vertical_grid_lines">5.4 default vertical grid lines</a><br>
<a href="#vertical_grid_lines">5.5 vertical grid lines</a><br>
<a href="#stacked_lines">5.6 stacked lines</a><br>
<a href="#line_width">5.7 line width</a><br>
<a href="#sample_highlights">5.8 sample highlights</a><br>
<a href="#connect_empty_values">5.9 connect empty values</a><br>
<p>
<b><a href="#miscellaneous">6. Miscellaneous</a></b><br>
<a href="#target_value_lines">6.1 target value lines</a><br>
<a href="#url_and_drilldown">6.2 urls and drilldown</a><br>
<a href="#graph_insets">6.3 graph insets</a><br>
</font>
</td>
</tr>
</table>
<p>
<a name="parameters"></a>
<table BORDER=0 CELLSPACING=10 CELLPADDING=0 WIDTH=700>
<tr>
<td colspan=6>
<font face="Verdana,Arial,Helvetica" size=-1>
<b>CHART PARAMETERS</b>
</font>
</td>
</tr>
<tr>
<td valign=top><font face="arial,verdana,helvetica" size=-2>
<a href="#3DDepth">3DDepth</a>
<br><a href="#3DModeOn">3DModeOn</a>
<br><a href="#antialias">antialias</a>
<br><a href="#autoLabelSpacingOn">autoLabelSpacingOn</a>
<br><a href="#automaticRefreshTime">automaticRefreshTime</a>
<br><a href="#background">background</a>
<br><a href="#chartBackground">chartBackground</a>
<br><a href="#chart">chart</a>
<br><a href="#chartClass_line">chartClass_line</a>
<br><a href="#chartForeground">chartForeground</a>
<br><a href="#chartTitle">chartTitle</a>
<br><a href="#connectedLinesOn">connectedLinesOn</a>
<br><a href="#data">data</a>
<br><a href="#dataInterval">dataInterval</a>
<br><a href="#defaultGridLinesColor">defaultGridLinesColor</a>
<br><a href="#defaultGridLinesOn">defaultGridLinesOn</a>
<br><a href="#doubleBufferingOff">doubleBufferingOff</a>
<br><a href="#floatingLabelFont">floatingLabelFont</a>
</font></td>
<td valign=top><font face="arial,verdana,helvetica" size=-2>
<a href="#font">font</a>
<br><a href="#floatingOnLegendOff">floatingOnLegendOff</a>
<br><a href="#foreground">foreground</a>
<br><a href="#graphInsets">graphInsets</a>
<br><a href="#gridAdjustmentOn">gridAdjustmentOn</a>
<br><a href="#gridImage">gridImage</a>
<br><a href="#gridLineColors">gridLineColors</a>
<br><a href="#gridLinesColor">gridLinesColor</a>
<br><a href="#gridLines">gridLines</a>
<br><a href="#label">label</a>
<br><a href="#labelposition">labelPosition</a>
<br><a href="#labelurl">labelURL</a>
<br><a href="#labelurltarget">labelURLTarget</a>
<br><a href="#labelDelimiter">labelDelimiter</a>
<br><a href="#legendColors">legendColors</a>
<br><a href="#legendColumns">legendColumns</a>
<br><a href="#legendFont">legendFont</a>
</font></td>
<td valign=top><font face="arial,verdana,helvetica" size=-2>
<a href="#legendImage">legendImage</a>
<br><a href="#legendLabels">legendLabels</a>
<br><a href="#legendOn">legendOn</a>
<br><a href="#legendPosition">legendPosition</a>
<br><a href="#lineWidth">lineWidth</a>
<br><a href="#locale">locale</a>
<br><a href="#lowerRange">lowerRange</a>
<br><a href="#maxValueLineCount">maxValueLineCount</a>
<br><a href="#printAsBitmap">printAsBitmap</a>
<br><a href="#range">range</a>
<br><a href="#rangeAdjusted">rangeAdjusted</a>
<br><a href="#rangeAdjusterOn">rangeAdjusterOn</a>
<br><a href="#rangeAdjusterPosition">rangeAdjusterPosition</a>
<br><a href="#rangeAxisLabel">rangeAxisLabel</a>
<br><a href="#rangeAxisLabelAngle">rangeAxisLabelAngle</a>
<br><a href="#rangeAxisLabelFont">rangeAxisLabelFont</a>
<br><a href="#rangeColor">rangeColor</a>
</font></td>
<td valign=top><font face="arial,verdana,helvetica" size=-2>
<a href="#rangeDecimalCount">rangeDecimalCount</a>
<br><a href="#rangeLabelFont">rangeLabelFont</a>
<br><a href="#rangeLabelPrefix">rangeLabelPrefix</a>
<br><a href="#rangeLabelPostfix">rangeLabelPostfix</a>
<br><a href="#rangeLabelsOff">rangeLabelsOff</a>
<br><a href="#rangeOn">rangeOn</a>
<br><a href="#rangePosition">rangePosition</a>
<br><a href="#rangeStep">rangeStep</a>
<br><a href="#sampleAxisLabel">sampleAxisLabel</a>
<br><a href="#sampleAxisLabelFont">sampleAxisLabelFont</a>
<br><a href="#sampleAxisRange">sampleAxisRange</a>
<br><a href="#sampleColors">sampleColors</a>
<br><a href="#sampleCount">sampleCount</a>
<br><a href="#sampleDecimalCount">sampleDecimalCount</a>
<br><a href="#sampleHighlightImage">sampleHighlightImage</a>
<br><a href="#sampleHighlightOn">sampleHighlightOn</a>
<br><a href="#sampleHighlightSize">sampleHighlightSize</a>
</font></td>
<td valign=top><font face="arial,verdana,helvetica" size=-2>
<a href="#sampleHighlightStyle">sampleHighlightStyle</a>
<br><a href="#sampleLabelAngle">sampleLabelAngle</a>
<br><a href="#sampleLabelColors">sampleLabelColors</a>
<br><a href="#sampleLabelFont">sampleLabelFont</a>
<br><a href="#sampleLabels">sampleLabels</a>
<br><a href="#sampleLabelsOn">sampleLabelsOn</a>
<br><a href="#sampleLabelStyle">sampleLabelStyle</a>
<br><a href="#sampleScrollerOn">sampleScrollerOn</a>
<br><a href="#sampleValues">sampleValues</a>
<br><a href="#seriesCount">seriesCount</a>
<br><a href="#seriesLabelColors">seriesLabelColors</a>
<br><a href="#seriesLabels">seriesLabels</a>
<br><a href="#seriesLabelsOn">seriesLabelsOn</a>
<br><a href="#seriesLabelStyle">seriesLabelStyle</a>
<br><a href="#seriesLineOff">seriesLineOff</a>
<br><a href="#seriesRange">seriesRange</a>
<br><a href="#singleClickURLOn">singleClickURLOn</a>
</font></td>
<td valign=top><font face="arial,verdana,helvetica" size=-2>
<a href="#stackedOn">stackedOn</a>
<br><a href="#thousandsDelimiter">thousandsDelimiter</a>
<br><a href="#targetValueLine">targetValueLine</a>
<br><a href="#titleFont">titleFont</a>
<br><a href="#valueLabelAngle">valueLabelAngle</a>
<br><a href="#valueLabelColors">valueLabelColors</a>
<br><a href="#valueLabelFont">valueLabelFont</a>
<br><a href="#valueLabelPrefix">valueLabelPrefix</a>
<br><a href="#valueLabelPostfix">valueLabelPostfix</a>
<br><a href="#valueLabelsOn">valueLabelsOn</a>
<br><a href="#valueLabelStyle">valueLabelStyle</a>
<br><a href="#valueLinesColor">valueLinesColor</a>
<br><a href="#valueLinesOn">valueLinesOn</a>
<br><a href="#visibleSamples">visibleSamples</a>
<br><a href="#url">url</a>
<br><a href="#urltarget">urltarget</a>
<br><a href="#zoomOn">zoomOn</a>
</font></td>
</tr>
</table>
</font>
<p>
<table BORDER=0 CELLSPACING=8 CELLPADDING=2 WIDTH=700>
<tr>
<td colspan=3>
<font face="verdana, arial" size=-1><b>PARAMETERS TO SET CHART VALUES</b></font>
</td>
</tr>
<tr bgcolor="#e0e0e0">
<a name="sampleValues"></a>
<td colspan=2><font face="verdana,arial,helvetica" size=-1><b>sampleValues</b></font></td></tr>
<tr><td valign=top width=40%><font face="verdana, arial" size=-1>
Sets the sample values for the first data series. If the sampleCount is not set
the number of samples in the chart will be the number of values set.
</td>
<td valign=top width=60%><font face="verdana, arial" size=-2>
<param name="sampleValues" value="10.5, 30.5, 20, 5.1234"><hr size=1 color="#c0c0c0">
setSampleValues(0, new double[] {10.5,30.5,20,5.1234});<hr size=1 color="#c0c0c0">
sampleValues=10.5,30.5,20,5.1234
</font>
</td>
</tr>
<tr bgcolor="#e0e0e0">
<a name="sampleCount"></a>
<td colspan=2><font face="verdana,arial,helvetica" size=-1><b>sampleCount</b></font></td></tr>
<tr><td valign=top width=40%><font face="verdana, arial" size=-1>
Sets the number of sample points in the chart. This will override the number
of values set with the sampleValues parameter.
</td>
<td valign=top width=60%><font face="verdana, arial" size=-2>
<param name="sampleCount" value=5><hr size=1 color="#c0c0c0">
setSampleCount(5);<hr size=1 color="#c0c0c0">
sampleCount=5
</td></tr>
<tr bgcolor="#e0e0e0">
<a name="seriesCount"></a>
<td colspan=2><font face="verdana,arial,helvetica" size=-1><b>seriesCount</b></font></td></tr>
<tr><td valign=top width=40%><font face="verdana, arial" size=-1>
Sets the number of data series/lines in the chart. If the number of
data series is larger than 1 you can set the values per data series
with the sampleValues_N parameter.
</td>
<td valign=top width=60%><font face="verdana, arial" size=-2>
<param name="seriesCount" value=3><hr size=1 color="#c0c0c0">
setSeriesCount(3);<hr size=1 color="#c0c0c0">
seriesCount=3
</td></tr>
<tr bgcolor="#e0e0e0">
<td colspan=2><font face="verdana,arial,helvetica" size=-1><b>sampleValues_N</b></font></td></tr>
<tr><td valign=top width=40%><font face="verdana, arial" size=-1>
Sets the sample values for the specified data series. You must
set the series count first.
</td>
<td valign=top width=60%><font face="verdana, arial" size=-2>
<param name="sampleValues_0" value="200,100,300,250,400"><br>
<param name="sampleValues_1" value="300,150,200,150,300"><hr size=1 color="#c0c0c0">
setSampleValues(0, new double[] {200,100,300,250,400});<br>
setSampleValues(1, new double[] {300,150,200,150,300});<hr size=1 color="#c0c0c0">
sampleValues_0=200,100,300,250,400<br>
sampleValues_1=200,100,300,250,400<br>
</td></tr>
<tr>
<td colspan=3>
<br>
<font face="verdana, arial" size=-1><b>PARAMETERS TO SET THE RANGE AXIS</b></font>
</td>
</tr>
<tr bgcolor="#e0e0e0">
<a name="range"></a>
<td colspan=2><font face="verdana,arial,helvetica" size=-1><b>range</b></font></td></tr>
<tr><td valign=top width=40%><font face="verdana, arial" size=-1>
Sets the upper value of the range axis (y-axis). If this is not set,
the upper range will be automatically set to the largest sample.
If you want to use 2 y-axis, turn on the second y-axis using rangeOn_2.
Then use range_2 to set the second y-axis' upper range.
In java applications the upper range is set to 100 by default.
</td>
<td valign=top width=60%><font face="verdana, arial" size=-2>
<param name="range" value=200><br>
<param name="range_2" value=800><br>
<param name="range_3" value=5000><hr size=1 color="#c0c0c0">
setRange(0, 200);<br>
setRange(1, 800);<br>
setRange(2, 5000);<hr size=1 color="#c0c0c0">
range=200<br>
range_2=800<br>
range_3=5000
</font>
</td>
</tr>
<tr bgcolor="#e0e0e0">
<a name="lowerRange"></a>
<td colspan=2><font face="verdana,arial,helvetica" size=-1><b>lowerRange</b></font></td></tr>
<tr><td valign=top width=40%><font face="verdana, arial" size=-1>
Sets the lower value of the range axis (y-axis). If this is not set,
the lower range will be automatically set to the smallest sample (or
0 if no samples are negative). If you want to use 2 y-axis, turn on
the second y-axis using rangeOn_2. Then use lowerRange_2 to set the
second y-axis' lower range.
In java applications the lower range is set to 0 by default.
</td>
<td valign=top width=60%><font face="verdana, arial" size=-2>
<param name="lowerRange" value=-200><br>
<param name="lowerRange_2" value=-800><br>
<param name="lowerRange_3" value=-5000><hr size=1 color="#c0c0c0">
setLowerRange(0, -200);<br>
setLowerRange(1, -800);<br>
setLowerRange(2, -5000);<hr size=1 color="#c0c0c0">
lowerRange=-200<br>
lowerRange=-800<br>
lowerRange_2=-5000
</font>
</td>
</tr>
<tr bgcolor="#e0e0e0">
<a name="rangeStep"></a>
<td colspan=2><font face="verdana,arial,helvetica" size=-1><b>rangeStep</b></font></td></tr>
<tr><td valign=top width=40%><font face="verdana, arial" size=-1>
If the range is not set directly it will default to the largest
value of the chart (or 0) for the applet or servlet. If rangeStep is set, the
range will be set to the next value divisible by the step. This parameter
works for the lower range as well.
If the maximum value of the chart is 325, and the step is set to 100,
the range will automatically be set to 400.
</td>
<td valign=top width=60%><font face="verdana, arial" size=-2>
<param name="rangeStep" value=100><br>
<param name="rangeStep_2" value=200><br>
<param name="rangeStep_3" value=500><hr size=1 color="#c0c0c0">
setRelativeRange(0, 1, 100);<br>
setRelativeRange(1, 1, 200);<br>
setRelativeRange(2, 1, 500);<br>
setLowerRelativeRange(0, 1, 100);<hr size=1 color="#c0c0c0">
rangeStep=100<br>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -