常用可视化类型(直方图、折线图、饼状图)

1、可视化类型的人机交互实现鼠标鼠标左键：单击选中、双击改变显示形式鼠标右键：快捷菜单（例如：复制、保存图片、打印、打印设置、取消放大、还原默认设置）鼠标中键：放大缩小鼠标悬停：显示提示信息键盘二线图几点需要注意的问题轴的起始点不一总是0,可以从任意量开始。151O5O-5-1O-15-2O(no忠cn)uoonpod-gp-AA5050450SmoothLineDemo简单的显示多条曲线，用不同的颜色进行区分DemoofBaseTicproperty20此图结合了柱状图、拆线图、曲线填充和文本标识等作息。曲线填充有什么用呢？WackyWidgetCompanyProductionReportLa

2、rryMoeIWheezyIICuFi7120100806040200(nos七Un)UOQOnpodJO6P-MFirstProd21-Oct-93200400600800paiBdnPeakRange10001200Time,Days(SincePlantConstructionStartup)曲线下面区域填充，但是曲线填充有什么用呢?MyTestDateGraphnCwiMyCurve2ymMyCurve可以表现两条曲线之间的差值。20unoq/slcn)uo卫onpodgp_MLarryMoe20dio)a)2e(IdluelMW=34806040WackyWidgetCompanyP

3、roductionReport160140120100806040200020040060080010001200Time,Days(SincePlantConstructionStartup)用颜色映射表示第三个维度的信息（散点图）PVTProperties20121416182022242628Pressure(atm)140120100806040200危险区域在图中“高亮”显示，例如温度超过了一定的范围认为是危险的。LineGraphwithBandDemo|DCurve1DCurve2QCurve30100200300400500600700800Sequence同一个X轴，多条y轴

4、的情况：(1)可以同时画出多个y轴，用不同的颜色标注，折线与轴的颜色对应DemonstrationofMultiYGraphdousso1000n900匚*800匚*O50O40O30O20100908050403020100VelocityOAcceleration-ODistance-hr-Energy05101520253035Time,sp/A700扌70Y600Hi603.02.82.62.42.22.01.81.610105104103102最常用的还是两条y轴的情形，而且可以是不同的展示形式(一个拆线图与一个柱状图)如下所示30+20DemonstrationofDualYGra

5、phOBetaluepd一Ifo+o-2o30501001502003002001000-100-200-300Time,Days%ProductSalesbyQuarterbyTypeQuarter(ws)s一es一solVOOCM605040302010009080701111111exrc-(2)或者选中对应的拆线，动态改变y轴项(3)多个y轴竖直排列三、直方图基本的直方图，同时显示几个量的统计信息，用不同的填充颜色来表示ImageFillExampleCentralSouthNorth1009080706050403020ses。sAUIOUO1S0OEastWestRegion-50

6、IICurve1IICurve2iiCurve36u.dnoo150基本直方图的变形，水平排列HorizontalBarGraph050100PerformanceFactor水平排列的OverlayBar70120100806040200用直方图表示百分比%ProductSalesbyQuarterbyType70701ComponentsLIMisc1601501401301201101009080Q1-*04Q3-f04Q4-*04TotalSalesIiAssembliesQ3-f0470Quarter高低值图，显示最高值、最低值和平均值等信息，例如股票天的走势ZedgroSoft,I

7、nternationalHiLowCloseDailyStockChart直方图的变形，将一般的直方图分段展示不同数据(Overlay)OverlayBarGraphDemoXAxisCatStatsI)HereiIThereIIElsewhereLeopardTigerCougarCheetahLionPanther100200300400500600Population下面这个Overlay直方图，运用了排序算法MyTestSortedOverlayBarGraphCurve1Curve2i_Curve3|150-i1111rCougarTigerLeopardKittyLabel50Pa

8、ntherCheetah.2xa直方图叠加文本显示基本的直方图加上了文本显示VerticalBarswithValueLabelsAboveEachBaricurve2Icurve3curve12010001234PositionNumbercoID6008006006.EII1ulopueaEos2000-1HorizontalBarswithValueLabelsAboveEachBaraqwnNUOESOdStackedBarswithValueLabelsInsideEachBarBariBar2Bar3|6I*I*I1*I*I6SII1ulopueyoluosTOC o 1-5 h z4+1_匚123:1081+148|107:163-310iiiiIiiii|iiii|iiii|iiiiIiiii0100200300400500600PositionNumber日本蜡烛图JapaneseCandlestickChartDemotrades仔一月24二月000000037654321cSUS0).