jqChart jQuery Plugin
===========================
Installlation
===========================
Download and unzip the contents of the archive to any convenient location. The package contains the following folders:
- [js] - The javascript files of jqChart and jqRangeSlider (and the needed libraries). You need to include them in your HTML page, in order to gain the client side functionality of the chart.
The first file is "jquery-1.5.1.min.js" - this is the official jQuery library. jqChart is built upon jQuery library version 1.4.3.
The second file you need is the "excanvas.js" javascript file. It is used from the versions of IE, which dosn't support canvas graphics.
The third is the jqChart javascript code itself, located in "jquery.jqChart.min.js".
The last one is the jqRangeSlider javascript, located in "jquery.jqRangeSlider.min.js". It is used when the chart zooming is enabled.
- [css] - Contains the Css files that the jqChart and the jqRangeSlider need.
- [samples] - Contains some examples that use the jqChart. For full list of samples plese visit - http://www.jqchart.com/samples
- [themes] - Contains the themes shipped with the products. It is used from the jqRangeSlider.
Since jqRangeSlider supports jQuery UI Themeroller, any theme compatible with jQuery UI ThemeRoller will work for jqRangeSlider as well.
You can download any additional themes directly from jQuery UI's ThemeRoller site available here:
http://jqueryui.com/themeroller/
or reference them from Microsoft's / Google's CDN.
<link rel="stylesheet" type="text/css" media="screen" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.21/themes/smoothness/jquery-ui.css" />
The final result you will have in a HTML page containing jqChart would be something similar to that:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML5 Chart jQuery Plugin - Creating Basic Chart </title>
<link rel="stylesheet" type="text/css" href="../css/jquery.jqChart.css" />
<link rel="stylesheet" type="text/css" href="../css/jquery.jqRangeSlider.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.21/themes/smoothness/jquery-ui.css" />
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../js/jquery.jqChart.min.js" type="text/javascript"></script>
<script src="../js/jquery.jqRangeSlider.min.js" type="text/javascript"></script>
<script src="../js/jquery.mousewheel.js" type="text/javascript"></script>
<!--[if IE]><script lang="javascript" type="text/javascript" src="../js/excanvas.js"></script><![endif]-->
<script lang="javascript" type="text/javascript">
$(document).ready(function () {
$('#jqChart').jqChart({
title: { text: 'Chart Title' },
axes: [
{
type: 'category',
location: 'bottom',
zoomEnabled: true
}
],
series: [
{
type: 'column',
data: [['A', 46], ['B', 35], ['C', 68], ['D', 30], ['E', 27], ['F', 85], ['D', 43], ['H', 29]]
},
{
type: 'line',
data: [['A', 69], ['B', 57], ['C', 86], ['D', 23], ['E', 70], ['F', 60], ['D', 88], ['H', 22]]
}
]
});
});
</script>
</head>
<body>
<div>
<div id="jqChart" style="width: 500px; height: 300px;"></div>
</div>
</body>
</html>
============================
Licensing
============================
This is our evaluation free unlimited in time trial license. We are very helpful to ALL customers, including trial customers and will gladly assist you
with any problems you might have (send questions to support@jqchart.com). Trial product will show a tiny message pointing to our site every once in a while.
To remove that, just purchase the single developer versions and we will send you a download link to unrestricted versions.
You can purchase developer versions here (http://www.jqchart.com/Pricing.aspx)
It's as simple as that, no cryptic settings in configs, no registry settings - complete license freedom (so you can use it on test/deployment servers, have QA look it at without licenses issues, etc)
==
Hope this helps. If you have any questions, just mail them to support@jqchart.com
Regards,
Dragan Matek /jqChart Inc/
JQuery jqChart （JQuery 图表插件）
需积分: 5 195 浏览量
2023-04-23
13:47:33
上传
评论
收藏 105KB 7Z 举报
jqChartJQueryPlugin_3_7_0_0.7z （57个子文件） 
INSTALL.TXT 5KB
js 
excanvas.js 51KB jquery.mousewheel.js 4KB jquery-1.5.1.min.js 83KB jquery.jqChart.min.js 189KB i18n chart.locale-is.js 1KB chart.locale-cn.js 1KB chart.locale-ro.js 2KB chart.locale-pt-br.js 1KB chart.locale-nl.js 1KB chart.locale-no.js 1KB chart.locale-pl.js 1KB chart.locale-de.js 1KB chart.locale-bg.js 2KB chart.locale-hu.js 1KB chart.locale-ua.js 2KB chart.locale-it.js 1KB chart.locale-en.js 1KB chart.locale-ar.js 2KB chart.locale-cs.js 1KB chart.locale-pt.js 1KB chart.locale-cat.js 1KB chart.locale-bg1251.js 1KB chart.locale-jp.js 1KB chart.locale-ru.js 2KB chart.locale-fr.js 1KB chart.locale-fa.js 1KB chart.locale-he.js 2KB chart.locale-fi.js 1KB chart.locale-sv.js 1KB chart.locale-sp.js 1KB chart.locale-tr.js 1KB chart.locale-lt.js 1KB chart.locale-dk.js 1KB chart.locale-sk.js 1KB chart.locale-el.js 2KB jquery.jqRangeSlider.min.js 22KB samples AxisSettings.htm 2KB CreatingBasicChart.htm 2KB MultipleAxes.htm 2KB themes smoothness jquery-ui-1.8.21.css 32KB images 
ui-icons_222222_256x240.png 4KB ui-bg_glass_75_e6e6e6_1x400.png 110B ui-bg_glass_55_fbf9ee_1x400.png 120B ui-bg_flat_75_ffffff_40x100.png 178B ui-icons_888888_256x240.png 4KB ui-bg_flat_0_aaaaaa_40x100.png 180B ui-bg_glass_75_dadada_1x400.png 111B ui-bg_glass_65_ffffff_1x400.png 105B ui-icons_454545_256x240.png 4KB ui-bg_highlight-soft_75_cccccc_1x100.png 101B ui-icons_2e83ff_256x240.png 4KB ui-bg_glass_95_fef1ec_1x400.png 119B ui-icons_cd0a0a_256x240.png 4KB css jquery.jqRangeSlider.css 2KB jquery.jqChart.css 935B
license.rtf 50KB资源评论
