jQuery图表插件Highcharts API参数,方法和属性

Highcharts支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图,
兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等.

The options object

var chart = new Highcharts.Chart({
chart: {
alignTicks: true,
animation: true,
backgroundColor: “#FFFFFF”,
borderColor: “#4572A7”,
borderRadius: 5,
borderWidth: 0,
className: “”,
defaultSeriesType: ,
events: {…},
height: null,
ignoreHiddenSeries: true,
inverted: false,
margin: [null],
marginTop: null,
marginRight: 50,
marginBottom: 70,
marginLeft: 80,
plotBackgroundColor: null,
plotBackgroundImage: null,
plotBorderColor: “#C0C0C0”,
plotBorderWidth: 0,
plotShadow: false,
reflow: true,
renderTo: null,
resetZoomButton: {…},
selectionMarkerFill: rgba(69,114,167,0.25),
shadow: false,
showAxes: false,
spacingTop: 10,
spacingRight: 10,
spacingBottom: 15,
spacingLeft: 10,
style: ,
type: “line”,
width: null,
zoomType: “”
},
colors: […]
credits: {…},
global: {…},
labels: {…},
lang: {…},
legend: {…},
loading: {…},
plotOptions: {…},
point: {…},
series: [{…}],
subtitle: {…},
symbols: […]
title: {…},
tooltip: {…},
xAxis: {…},
yAxis: {…},
// exporting module
exporting: {…},
navigation: {…}
});

Methods and properties

Highcharts (namespace)
Renderer
Element
Chart
Axis
Series
Point

参考文章:
http://www.highcharts.com/ref

相关文章:

1、使用jQuery提高网页JS开发效率
https://www.onexin.net/jquery/improve-page-using-jquery-js-development-efficiency/

2、取代jQuery使用JavaScript标准语法
https://www.onexin.net/jquery/replace-the-jquery-javascript-standard-syntax/

3、jQuery兼容DISCUZ!系列产品权威指南
https://www.onexin.net/jquery/jquery-compatible-discuz-series-the-definitive-guide/

4、jQuery表单插件jquery.form.js用法详解
https://www.onexin.net/jquery/jquery-the-form-plugin-jquery-form-js-usage-detailed/

5、11 Multi-touch and Touch events Javascript libraries
https://www.onexin.net/jquery/11-multi-touch-and-touch-events-javascript-libraries/

转载请注明出处:https://www.onexin.net/labs/jquery-chart-plug-in-highcharts-api-parameters-methods-and-properties/

Leave a Reply

Your email address will not be published. Required fields are marked *