Spline chart
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script> <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css"> <script></script> <div id="chart" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>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: "9.9", year: "2005" }, { sales: "7.4", year: "2006" }, { sales: "9.0", year: "2007" }, { sales: "7.3", year: "2008" }, { sales: "4.8", year: "2009" }]; window.onload = function() { var chart = new dhtmlXChart({ view: "spline", container: "chart", value: "#sales#", label: "#year#", tooltip: { template: "#sales#"; }, item: { borderColor: "#ffffff", color: "#000000"; }, line: { color: "#ff9900", width: 3; }, padding: { left: 15; } }); chart.parse(data, "json"); }