MPChart

一、MPChart是什么？

折線圖###

LineChart

LineChart

LineChart

LineChart

柱狀圖###

BarChart

BarChart

BarChart

BarChart

圓餅圖###

PieChart

散布圖###

ScatterChart

燭狀圖###

CandleStickChart

氣泡圖###

BubbleChart

雷達(dá)圖###

RadarChart

二、特性

• 8種圖表
• 強(qiáng)大的交互(單擊、拖拽、拉伸、雙擊放大)
• 高亮
• 動(dòng)畫

三、圖表組成部分

description

description

MPChart中凡是線條都可以設(shè)置顏色，長寬，虛線還是實(shí)線，凡是文字都可以設(shè)置字體字號(hào)。

Basic

基本屬性：

• 圖表上下左右間距
• 手勢(shì)控制
• 動(dòng)畫效果、動(dòng)畫時(shí)間
• ...

AXis

坐標(biāo)軸

• 坐標(biāo)軸位置
• 坐標(biāo)軸刻度：刻度大小、刻度單位、最大值最小值
• 文字顏色大小

AxisPosition

垂線

AxisGridLine

X、Y軸相似，不多介紹

Legend

圖例

• 形狀：圓形、矩形、線型
• 顏色：一般跟線條顏色一樣

Legend

Legend

注意：圖例的文字說明與LineData相關(guān)，因此文字說明是在LineData中設(shè)置的。

Description

圖表的描述信息

MarkerView

當(dāng)圖表上的點(diǎn)被點(diǎn)擊時(shí)，彈出一個(gè)View顯示點(diǎn)的信息。

MarkerView

MarkerView的靈活性較差，默認(rèn)顯示在數(shù)據(jù)點(diǎn)的上方的矩形。如果是比較復(fù)雜的樣式，則需要定制。定制方法在Render節(jié)介紹

ViewPort

負(fù)責(zé)繪制整個(gè)View

• X、Y軸的Offest
• ContentView的大小
• Char的放大縮小

通常不需要設(shè)置

LineData

數(shù)據(jù)

二元組(x, y)

LineData

點(diǎn)

• 實(shí)心or空心
• 點(diǎn)的顏色
• 點(diǎn)的大小

線

• 實(shí)線or虛線
• 線的顏色
• 線的粗細(xì)
• 直線or弧線
• 是否填充

HighLight

圖表高亮

• 水平線高亮
• 垂直線高亮
• 點(diǎn)高亮(自己實(shí)現(xiàn))
• X刻度高亮(自己實(shí)現(xiàn))

HighLight

Renderer

繪制圖表
如果要定制圖表樣式，則重寫相關(guān)的Renderer類

繪制對(duì)象：

XY軸繪制(extends AxisRenderer)

圖例繪制(extends LegendRenderer)

線條繪制(extends LineChartRenderer)

繪制模式：

高亮模式

普通模式(override drawHighlighted())

實(shí)戰(zhàn)

線性圖

• 重寫LineRenderer
• 重寫LineRenderer----higglight()方法

linechart1

linechart2

柱狀圖

• 重寫LineRenderer

bar.png

餅狀圖

• 重寫LineRenderer

pie.png

參考

https://github.com/PhilJay/MPAndroidChart
https://github.com/25sprout/ChartLib-Demo-Android