5 <script type="text/javascript">
\r
6 window.onload = function () {
\r
7 var chart = new CanvasJS.Chart("chartContainer", {
\r
9 text: "Cost Of Pancake Ingredients, 2011"
\r
11 animationEnabled: true,
\r
18 valueFormatString: "$ 0",
\r
25 verticalAlign: "top",
\r
26 horizontalAlign: "center"
\r
32 name: "Butter (500gms)",
\r
33 axisYType: "secondary",
\r
36 { y: 3, label: "India" },
\r
37 { y: 5, label: "US" },
\r
38 { y: 3, label: "Germany" },
\r
39 { y: 6, label: "Brazil" },
\r
40 { y: 7, label: "China" },
\r
41 { y: 5, label: "Australia" },
\r
42 { y: 5, label: "France" },
\r
43 { y: 7, label: "Italy" },
\r
44 { y: 9, label: "Singapore" },
\r
45 { y: 8, label: "Switzerland" },
\r
46 { y: 12, label: "Japan" }
\r
52 name: "Flour (1kg)",
\r
53 axisYType: "secondary",
\r
56 { y: .5, label: "India" },
\r
57 { y: 1.5, label: "US" },
\r
58 { y: 1, label: "Germany" },
\r
59 { y: 2, label: "Brazil" },
\r
60 { y: 2, label: "China" },
\r
61 { y: 2.5, label: "Australia" },
\r
62 { y: 1.5, label: "France" },
\r
63 { y: 1, label: "Italy" },
\r
64 { y: 2, label: "Singapore" },
\r
65 { y: 2, label: "Switzerland" },
\r
66 { y: 3, label: "Japan" }
\r
73 axisYType: "secondary",
\r
76 { y: 2, label: "India" },
\r
77 { y: 3, label: "US" },
\r
78 { y: 3, label: "Germany" },
\r
79 { y: 3, label: "Brazil" },
\r
80 { y: 4, label: "China" },
\r
81 { y: 3, label: "Australia" },
\r
82 { y: 4.5, label: "France" },
\r
83 { y: 4.5, label: "Italy" },
\r
84 { y: 6, label: "Singapore" },
\r
85 { y: 3, label: "Switzerland" },
\r
86 { y: 6, label: "Japan" }
\r
93 axisYType: "secondary",
\r
95 indexLabel: "$#total",
\r
96 indexLabelPlacement: "outside",
\r
98 { y: 2, label: "India" },
\r
99 { y: 3, label: "US" },
\r
100 { y: 6, label: "Germany" },
\r
101 { y: 4, label: "Brazil" },
\r
102 { y: 4, label: "China" },
\r
103 { y: 8, label: "Australia" },
\r
104 { y: 8, label: "France" },
\r
105 { y: 8, label: "Italy" },
\r
106 { y: 4, label: "Singapore" },
\r
107 { y: 11, label: "Switzerland" },
\r
108 { y: 6, label: "Japan" }
\r
116 <script src="../../canvasjs.min.js"></script>
\r
117 <title>CanvasJS Example</title>
\r
120 <div id="chartContainer" style="height: 400px; width: 100%;"></div>
\r