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 |
|
---|