Kod: Zaznacz cały
<html>
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery.jqplot.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />
<script>
$.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
</script>
</head>
<body>
<div id="chartdiv" style="height:400px;width:300px; "></div>
</body>
</html>
Kod: Zaznacz cały
<script type="text/javascript">
$(document).ready(function(){
$.jqplot.config.enablePlugins = true;
dane=[['2013-06-15 11:45:33', 12.55], ['2013-06-15 11:46:33', 12.5], ['2013-06-15 11:47:33', 11.88], ['2013-06-15 11:48:33', 10.84],
['2013-06-15 11:49:33', 12.13]];
plot = $.jqplot('chart1', [dane], {
title:'Data Point Highlighting',
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{
formatString:'%b %#d'
}
},
yaxis:{
tickOptions:{
formatString:'V%.2f'
}
}
},
highlighter: {
show: true,
sizeAdjust: 7.5
},
cursor: {
show: false
}
});
});
</script>