|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/gwsolutions/ |
Upload File : |
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="http://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
<script type="text/javascript">
$(function () {
var limit = 10000; //increase number of dataPoints by increasing the limit
var y = 0;
var data = [];
var dataSeries = { type: "line", toolTipContent: "{label}: <strong>{y}%</strong> of respondents with regular issues.<br /><img src='http://upload.wikimedia.org/wikipedia/commons/4/40/A_Georgian_house_in_Badsey_-_geograph.org.uk_-_1645817.jpg' width='250' />" };
var dataPoints = [
{label:"Georgian",y:54},
{label:"Victorian",y:42},
{label:"Edwardian",y:38},
{label:"1910s",y:37},
{label:"1920s",y:39},
{label:"1930s",y:41},
{label:"1940s",y:40},
{label:"1950s",y:39},
{label:"1960s",y:41},
{label:"1970s",y:35},
{label:"1980s",y:37},
{label:"1990s",y:35},
{label:"2000s",y:45},
{label:"2010s",y:42}];
dataSeries.dataPoints = dataPoints;
data.push(dataSeries);
//Better to construct options first and then pass it as a parameter
var options = {
zoomEnabled: true,
animationEnabled: true,
title: {
text: "Age of Home vs Frequency of Issues"
},
axisY: {
includeZero: false,
suffix: "%"
},
data: data // random data
};
$("#chartContainer").CanvasJSChart(options);
});
</script>
<style type="text/css">
.canvasjs-chart-credit {display: none !important;}
</style>
</head>
<body>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
</body>
</html>