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.
【纯JAVASCRIPT图表动画插件Highcharts Examples】相关文章：
★ 网页与键盘