WhatisHighcharts? 下载地址 http://www.jb51.net/jiaoben/24363.html

HighchartsisachartinglibrarywritteninpureJavaScript,offeringaneasywayofaddinginteractivechartstoyourwebsiteorwebapplication.Highchartscurrentlysupportsline,spline,area,areaspline,column,bar,pieandscattercharttypes.

Features

Compatible

ItworksinallmodernbrowsersincludingtheiPhone/iPadandInternetExplorerfromversion6.StandardbrowsersuseSVGforthegraphicsrendering.InInternetExplorergraphicsaredrawnusingVML.

FreeforNon-commercial

.

PureJavaScript

Highchartsissolelybasedonnativebrowsertechnologiesanddoesn'trequireclientsidepluginslikeFlashorJava.Furthermoreyoudon'tneedtoinstallanythingonyourserver.NoPHPorASP.NET.HighchartsneedsonlytwoJSfilestorun:Thehighcharts.jscoreandeitherthejQueryortheMooToolsframework.Oneoftheseframeworksismostlikelyalreadyinuseinyourwebpage.

NumerousChartTypes

Highchartssupportsline,spline,area,areaspline,column,bar,pieandscattercharttypes.Anyofthesecanbecombinedinonechart.

SimpleConfigurationSyntax

SettingtheHighchartsconfigurationoptionsrequiresnospecialprogrammingskills.TheoptionsaregiveninaJavaScriptobjectnotationstructure,whichisbasicallyasetofkeysandvaluesconnectedbycolons,separatedbycommasandgroupedbycurlybrackets.

Dynamic

ThroughafullAPIyoucanadd,removeandmodifyseries,axesorpointsatanytimeafterchartcreation.Numerouseventssupplyhooksforprogrammingagainsthechart.IncombinationwithjQuery'sorMooTools'AjaxAPI,thisopensforsolutionslikelivechartsconstantlyupdatingwithvaluesfromtheserver,usersupplieddataandmore.

MultipleAxes

Sometimesyouwanttocomparevariablesthatarenotthesamescale-forexampletemperatureversusrainfallandairpressure.Highchartsletsyouassignanyaxisforeachseries-oranxaxisifyouwanttocomparedatasetsofdifferentcategories.Eachaxiscanbeplacedtotherightorleft,toporbottomofthechart.Alloptionscanbesetindividually,includingreversing,stylingandposition.

TooltipLabels

OnhoveringthechartHighchartscandisplayatooltiptextwithinformationoneachpointandseries.Thetooltipfollowsastheusermovesthemouseoverthegraph,andgreateffortshavebeentakentomakeitsticktothenearestpointaswellasmakingiteasytoreadapointthatisbelowanotherpoint.

DatetimeAxis

75%ofallchartswithanXandYaxishaveadate-timeXaxis.ThereforeHighchartisveryintelligentabouttimevalues.Withmillisecondsaxisunits,Highchartsdetermineswheretoplacethetickssothattheyalwaysmarkthestartofthemonthortheweek,midnightandmidday,thefullhouretc.

Exportandprint

Withtheexportingmoduleenabled,youruserscanexportthecharttoPNG,JPG,PDForSVGformatattheclickofabutton,orprintthechartdirectlyfromthewebpage.

Zooming

Byzoominginonachartyoucanexamineanespeciallyinterestingpartofthedatamoreclosely.ZoomingcanbeintheXorYdimension,orboth.

ExternalDataLoading

HighchartstakesthedatainaJavaScriptarray,whichcanbedefinedinthelocalconfigurationobject,inaseparatefileorevenonadifferentsite.Furthermore,thedatacanbehandledovertoHighchartsinanyform,andacallbackfunctionusedtoparsethedataintoanarray.

InvertedChartorReversedAxis

SometimesyouneedtoflipoveryourchartandmaketheXaxisappearvertical,likeforexampleinabarchart.Reversingtheaxis,withthehighestvaluesappearingclosesttoorigo,isalsosupported.

TextRotationforLabels

DoyouwanttouseHighchartsforapersonalwebsite,aschoolsiteoranon-profitorganisation?Thenyoudon'tneedtheauthor'spermission,justgoonanduseHighcharts.Forcommercialwebsitesandprojects,seeLicenseandPricingAlltextlabels,includingaxislabels,datalabelsforthepointandaxistitles,canberotatedinanyangle.