summaryrefslogtreecommitdiff
path: root/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart
diff options
context:
space:
mode:
Diffstat (limited to 'addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart')
-rw-r--r--addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/01_init.html55
-rw-r--r--addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/02_scale.html101
-rw-r--r--addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_series.html90
-rw-r--r--addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_stacked_area.html88
4 files changed, 334 insertions, 0 deletions
diff --git a/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/01_init.html b/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/01_init.html
new file mode 100644
index 00000000000..5195e7476e1
--- /dev/null
+++ b/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/01_init.html
@@ -0,0 +1,55 @@
+<!--conf
+<sample>
+ <product version="2.6" edition="std"/>
+ <modifications>
+ <modified date="100609"/>
+ </modifications>
+ </sample>
+ -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+ <title>Initialization</title>
+ <script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
+ <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
+ <script>
+ var data = [
+ { sales:"3.0", year:"2000" },
+ { sales:"3.8", year:"2001" },
+ { sales:"3.4", year:"2002" },
+ { sales:"4.1", year:"2003" },
+ { sales:"4.3", year:"2004" },
+ { sales:"7.6", year:"2005" },
+ { sales:"7.8", year:"2006" },
+ { sales:"7.2", year:"2007" },
+ { sales:"5.3", year:"2008" },
+ { sales:"4.8", year:"2009" }
+ ];
+
+ window.onload = function(){
+ var chart = new dhtmlXChart({
+ view:"area",
+ container:"chart",
+ value:"#sales#",
+ label:"#year#",
+ color:"#00ccff",
+ tooltip:{
+ template:"#sales#"
+ },
+
+ alpha:0.8,
+ padding:{
+ left:0,
+ right:0,
+ bottom:0
+ }
+ })
+ chart.parse(data,"json");
+ }
+ </script>
+</head>
+<body>
+ <div id="chart" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
+</body>
+</html>
+
diff --git a/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/02_scale.html b/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/02_scale.html
new file mode 100644
index 00000000000..e3d65bd6d55
--- /dev/null
+++ b/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/02_scale.html
@@ -0,0 +1,101 @@
+<!--conf
+<sample>
+ <product version="2.6" edition="std"/>
+ <modifications>
+ <modified date="100609"/>
+ </modifications>
+ </sample>
+ -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+ <title>Scales</title>
+ <script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
+ <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
+ <style>
+ .dhx_axis_item_x{
+ font-size: 10px
+ }
+ .dhx_axis_item_y{
+ font-size: 10px
+ }
+ </style>
+ <script>
+ var data = [
+ { sales:"3.0", year:"2000" },
+ { sales:"3.8", year:"2001" },
+ { sales:"3.4", year:"2002" },
+ { sales:"4.1", year:"2003" },
+ { sales:"4.3", year:"2004" },
+ { sales:"7.6", year:"2005" },
+ { sales:"7.8", year:"2006" },
+ { sales:"7.2", year:"2007" },
+ { sales:"5.3", year:"2008" },
+ { sales:"4.8", year:"2009" }
+ ];
+
+ window.onload = function(){
+ var chart1 = new dhtmlXChart({
+ view:"area",
+ container:"chart1",
+ value:"#sales#",
+ color:"#00ccff",
+ tooltip:{
+ template:"#sales#"
+ },
+ padding:{
+ left:30
+ },
+ yAxis:{
+ start:0,
+ step:1,
+ end:10
+ },
+ xAxis:{
+ lines:true,
+ title:"sales per year",
+ template:"#year#"
+ }
+ })
+ chart1.parse(data,"json");
+
+ var chart2 = new dhtmlXChart({
+ view:"area",
+ container:"chart2",
+ value:"#sales#",
+ tooltip:{
+ template:"#sales#"
+ },
+ color:"#00ccff",
+ xAxis:{
+ title:"sales per year",
+ template:"#year#"
+ },
+ yAxis:{
+ },
+ padding:{
+ left:30
+ },
+ item:{
+ borderColor: "#3399ff",
+ color: "#ffffff"
+ }
+ })
+ chart2.parse(data,"json");
+ }
+ </script>
+</head>
+<body >
+ <table>
+ <tr>
+ <td>Custom vertical scale</td>
+ <td>Automatic vertical scale</td>
+ </tr>
+ <tr>
+ <td><div id="chart1" style="width:470px;height:300px;border:1px solid #A4BED4;"></div></td>
+ <td><div id="chart2" style="width:470px;height:300px;border:1px solid #A4BED4;"></div></td>
+ </tr>
+ </table>
+</body>
+</html>
+
diff --git a/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_series.html b/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_series.html
new file mode 100644
index 00000000000..c071386c348
--- /dev/null
+++ b/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_series.html
@@ -0,0 +1,90 @@
+<!--conf
+<sample>
+ <product version="2.6" edition="std"/>
+ <modifications>
+ <modified date="100609"/>
+ </modifications>
+ </sample>
+ -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+ <title>Scales</title>
+ <script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
+ <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
+ <style>
+ .dhx_axis_item_x{
+ font-size: 10px
+ }
+ .dhx_axis_item_y{
+ font-size: 10px
+ }
+ </style>
+ <script>
+ var data = [
+ { sales:3.0, sales1:2.8, sales2:3.4, year:"2000" },
+ { sales:3.8, sales1:2.5, sales2:2.0, year:"2001" },
+ { sales:3.4, sales1:1.7, sales2:3.1, year:"2002" },
+ { sales:4.1, sales1:2.7, sales2:3.5, year:"2003" },
+ { sales:4.3, sales1:3.6, sales2:4.0, year:"2004" },
+ { sales:7.6, sales1:3.1, sales2:4.9, year:"2005" },
+ { sales:7.8, sales1:3.9, sales2:5.2, year:"2006" },
+ { sales:7.2, sales1:3.6, sales2:5.6, year:"2007" },
+ { sales:5.3, sales1:2.9, sales2:4.1, year:"2008" },
+ { sales:4.8, sales1:2.1, sales2:3.9, year:"2009" }
+ ];
+
+ window.onload = function(){
+ var chart1 = new dhtmlXChart({
+ view:"area",
+ container:"chart",
+ value:"#sales#",
+ color:"#00ccff",
+ alpha:0.6,
+ padding:{
+ left:30
+ },
+ yAxis:{
+ start:0,
+ step:1,
+ end:8
+ },
+ xAxis:{
+ lines:true,
+ title:"sales per year",
+ template:"#year#"
+ },
+ legend:{
+ layout:"x",
+ width: 75,
+ align:"center",
+ valign:"top",
+ marker:{
+ type:"round",
+ width:15
+ },
+ values:[
+ {text:"company A",color:"#00ccff"},
+ {text:"company B",color:"#0000ff"},
+ {text:"company C",color:"#cc33ff"}
+ ]
+ }
+ })
+ chart1.addSeries({
+ value:"#sales1#",
+ color:"#0000ff"
+ })
+ chart1.addSeries({
+ value:"#sales2#",
+ color:"#cc33ff"
+ })
+ chart1.parse(data,"json");
+
+ }
+ </script>
+</head>
+<body >
+ <div id="chart" style="width:470px;height:300px;border:1px solid #A4BED4;"></div></td>
+
+</body>
+</html>
diff --git a/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_stacked_area.html b/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_stacked_area.html
new file mode 100644
index 00000000000..55fccb93e84
--- /dev/null
+++ b/addons/base_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_stacked_area.html
@@ -0,0 +1,88 @@
+<!--conf
+<sample>
+ <product version="2.6" edition="std"/>
+ <modifications>
+ <modified date="100609"/>
+ </modifications>
+ </sample>
+ -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+ <title>Scales</title>
+ <script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
+ <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
+ <style>
+ .dhx_axis_item_x{
+ font-size: 10px
+ }
+ .dhx_axis_item_y{
+ font-size: 10px
+ }
+ </style>
+ <script>
+ var data = [
+ { sales:3.0, sales1:2.8, sales2:3.9, year:"2000" },
+ { sales:3.8, sales1:2.5, sales2:2.0, year:"2001" },
+ { sales:3.4, sales1:1.7, sales2:3.1, year:"2002" },
+ { sales:4.1, sales1:2.7, sales2:3.5, year:"2003" },
+ { sales:4.3, sales1:3.6, sales2:4.0, year:"2004" },
+ { sales:7.6, sales1:3.1, sales2:4.9, year:"2005" },
+ { sales:7.8, sales1:3.9, sales2:5.2, year:"2006" },
+ { sales:7.2, sales1:3.6, sales2:5.6, year:"2007" },
+ { sales:5.3, sales1:2.9, sales2:4.1, year:"2008" },
+ { sales:4.8, sales1:2.1, sales2:3.9, year:"2009" }
+ ];
+
+ window.onload = function(){
+ var chart1 = new dhtmlXChart({
+ view:"stackedArea",
+ container:"chart",
+ value:"#sales#",
+ color:"#00ccff",
+ alpha:0.6,
+ padding:{
+ left:30
+ },
+ yAxis:{
+
+ },
+ xAxis:{
+ lines:true,
+ title:"sales per year",
+ template:"#year#"
+ },
+ legend:{
+ layout:"x",
+ width: 75,
+ align:"center",
+ valign:"top",
+ marker:{
+ type:"round",
+ width:15
+ },
+ values:[
+ {text:"company A",color:"#00ccff"},
+ {text:"company B",color:"#0000ff"},
+ {text:"company C",color:"#cc33ff"}
+ ]
+ }
+ })
+ chart1.addSeries({
+ value:"#sales1#",
+ color:"#0000ff"
+ })
+ chart1.addSeries({
+ value:"#sales2#",
+ color:"#cc33ff"
+ })
+ chart1.parse(data,"json");
+
+ }
+ </script>
+</head>
+<body >
+ <div id="chart" style="width:470px;height:300px;border:1px solid #A4BED4;"></div></td>
+
+</body>
+</html>
generated by cgit v1.2.3 (git 2.25.1) at 2026-10-24 19:52:23 +0000