|
1 <div> |
|
2 <h3> |
|
3 <! Test Name Here> |
|
4 </h3> |
|
5 <div id= |
|
6 <! Chart ID Here> |
|
7 style="width:900px;height:350px;"></div> |
|
8 |
|
9 <table cellspacing = "10"><tr> |
|
10 |
|
11 <td valign = "top"> |
|
12 <form id= |
|
13 <! Form ID Here> |
|
14 <b> Data series </b><br> |
|
15 </form> |
|
16 </td> |
|
17 |
|
18 <td valign = "top"> |
|
19 <form id= |
|
20 <! ChartTypeForm ID Here> |
|
21 <b> Chart Type </b><br> |
|
22 </form> |
|
23 </td> |
|
24 |
|
25 <td valign = "top"> |
|
26 <form id= |
|
27 <! ScaleForm ID Here> |
|
28 <b> Scale </b><br> |
|
29 </form> |
|
30 </td> |
|
31 |
|
32 </tr></table> |
|
33 |
|
34 </div> |
|
35 <script type="text/javascript"> |
|
36 var chartId = |
|
37 <! Chart ID Here> |
|
38 ; |
|
39 |
|
40 var chartType = |
|
41 <! Chart Type Here> |
|
42 ; |
|
43 |
|
44 var seriesLabels = |
|
45 <! Series Labels Here> |
|
46 |
|
47 var dataset = []; |
|
48 <! Data Goes Here> |
|
49 |
|
50 var labels = [ |
|
51 <! Labels Go Here> |
|
52 ]; |
|
53 |
|
54 var colors = new Hash({ |
|
55 <! ColorScheme Here> |
|
56 }); |
|
57 |
|
58 var shouldFill = |
|
59 <! Fill Setting Here> |
|
60 ; |
|
61 |
|
62 var form = document.getElementById( |
|
63 <! Form ID Here> |
|
64 ); |
|
65 |
|
66 var chartTypeForm = document.getElementById( |
|
67 <! ChartTypeForm ID Here> |
|
68 ); |
|
69 |
|
70 var scaleForm = document.getElementById( |
|
71 <! ScaleForm ID Here> |
|
72 ); |
|
73 |
|
74 |
|
75 |
|
76 var chartOptions = new Object(); |
|
77 chartOptions.chartId = chartId; |
|
78 chartOptions.chartType = chartType; |
|
79 chartOptions.dataset = dataset; |
|
80 chartOptions.colors = colors; |
|
81 chartOptions.shouldFill = shouldFill; |
|
82 chartOptions.labels = labels; |
|
83 chartOptions.seriesLabels = seriesLabels; |
|
84 chartOptions.useLineChart = true; |
|
85 chartOptions.useLinearScale = true; |
|
86 chartOptions.createChart = createChart; |
|
87 |
|
88 chartOptions.ticks = labels; |
|
89 chartOptions.barWidth = 0.5; |
|
90 chartOptions.tickOffset = 0.25; |
|
91 |
|
92 chartOptions.useLineChart = |
|
93 <! Use Line Chart Here> |
|
94 |
|
95 chartOptions.chartTypeForm = chartTypeForm; |
|
96 chartOptions.buildChartTypeSelector = buildChartTypeSelector; |
|
97 chartOptions.buildChartTypeSelector(); |
|
98 |
|
99 chartOptions.scaleForm = scaleForm; |
|
100 chartOptions.buildScaleSelector = buildScaleSelector; |
|
101 chartOptions.buildScaleSelector(); |
|
102 |
|
103 chartOptions.selectedDataset = dataset; |
|
104 chartOptions.checkform = checkform; |
|
105 chartOptions.form = form; |
|
106 chartOptions.buildSeriesSelector = buildSeriesSelector; |
|
107 chartOptions.buildSeriesSelector(form, chartOptions); |
|
108 chartOptions.checkform(); |
|
109 </script> |
|
110 |