基於MPAndroidChart庫製作K線圖(一) —— 基礎圖
阿新 • • 發佈：2018-11-05
目錄
基於MPAndroidChart庫製作K線圖(一) —— 基礎圖
基於MPAndroidChart庫製作K線圖(二) —— 自定義x、y軸
基於MPAndroidChart庫製作K線圖(三) —— 手勢高亮聯動
最近製作一個炒幣的app,類似於炒股的那種,網上資料很多很雜,最後使用github上面的MPAndroidChart庫基本實現了功能。
一、介紹
MPAndroidChart庫:https://github.com/PhilJay/MPAndroidChart
1.1支援圖形
- Line Chart 折線圖
- Bar Chart 直方圖
- Pie Chart 餅圖
- Bubble Chart 氣泡圖
- Candle Stick Chart 蠟燭圖（用於展示金融資料時常稱為K線圖）
- Radar Chart 雷達圖
- Cubic Line Chart 立方折線圖
- Stacked Bar Chart 堆積圖
1.2MPAndroid使用
- Project level build.gradle
allprojects {
repositories {
maven { url 'https://jitpack.io' }
} - App level build.gradle
dependencies {
implementation 'com.github.PhilJay:MPAndroidChart:v3.0.3'
}
二、基礎實現效果圖
三、核心程式碼
3.1、初始化表格
主要的一些屬性均已寫註釋,部分註釋可能有所偏差,具體以MPAndroidChart原始碼註釋為準
private void initChart() {
//K線
ccKl.setNoDataTextColor(getResources().getColor(R.color.gray8B) 3.2、資料來源以及設定資料
簡要描述：
- 獲取k線資料
請求URL：
https://openapi.dragonex.io/api/v1/market/kline/
請求方式：
- GET
引數：
| 欄位名 | 資料型別 | 說明 |
|---|---|---|
| symbol_id | int | 交易對ID |
| st | int | 起始時間，從當前時間開始時可不傳或傳0，否則傳unix時間戳(納秒) |
| direction | int | 查詢方向：1-從起始時間往後查，2-從起始時間往前查，預設2 |
| count | int | 查詢條數，最大100，預設10 |
| kline_type | int | k線型別：1-1min線， 2-5min線， 3-15min線， 4-30min線， 5-60min線， 6-1day線.預設1 |
返回示例
返回值data資訊：
| 欄位名 | 資料型別 | 說明 |
|---|---|---|
| columns | [] | 下述列表每個位置的資料代表的意義 |
| list | [] | kline資料 |
list資訊：
| 欄位名 | 資料型別 | 說明 |
|---|---|---|
| amount | string | 交易額 |
| close_price | string | 收盤價 |
| max_price | string | 最高價 |
| min_price | string | 最低價 |
| open_price | string | 開盤價 |
| pre_close_price | string | 上一個收盤價 |
| timestamp | int | 秒級時間戳 |
| usdt_amount | string | 對應的USDT交易額 |
| volume | string | 交易量 |
{
"ok": true,
"code": 1,
"msg": "",
"data": {
"columns": [
"amount",
"close_price",
"max_price",
"min_price",
"open_price",
"pre_close_price",
"timestamp",
"usdt_amount",
"volume"
],
"lists": [
[
"28413.7359",
"289.0131",
"290.7236",
"288.9502",
"289.9977",
"0.0000",
1536075900,
"28413.7359",
"98.0704"
],
[
"17430.8759",
"289.1027",
"290.3000",
"288.9529",
"289.0229",
"0.0000",
1536076800,
"17430.8759",
"60.3029"
],
......
[
"3812.4130",
"254.9381",
"255.6408",
"254.9335",
"254.9436",
"0.0000",
1536165000,
"3812.4130",
"14.9540"
]
]
}
}
- 設定資料
private void configData() {
if (combinedData == null) {
combinedData = new CombinedData();
}
xValues.clear();
List<CandleEntry> candleValues = candleSet.getValues();
candleValues.clear();
List<Entry> ma5Values = lineSet5.getValues();
ma5Values.clear();
List<Entry> ma10Values = lineSet10.getValues();
ma10Values.clear();
List<Entry> ma30Values = lineSet30.getValues();
ma30Values.clear();
List<Entry> minValues = lineSetMin.getValues();
minValues.clear();
List<BarEntry> barValues = barSet.getValues();
barValues.clear();
for (int i = 0; i < dataList.size(); i++) {
List<String> k = dataList.get(i);
Date d = new Date(Long.parseLong(k.get(6)) * 1000); //6.毫秒
String x = sdf.format(d); //顯示日期
if (xValues.containsValue(x)) { //x重複
dataList.remove(i);
i--;
} else {
xValues.put(i, x);
float open = Float.parseFloat(k.get(4)); //4.open
float close = Float.parseFloat(k.get(1)); //1.close
candleValues.add(new CandleEntry(i, Float.parseFloat(k.get(2)), Float.parseFloat(k.get(3)), open, close, x)); //2.max 3.min
minValues.add(new Entry(i, close, x));
barValues.add(new BarEntry(i, Float.parseFloat(k.get(8)), close >= open ? 0 : 1)); //8.volume交易量
if (i >= 4) {
ma5Values.add(new Entry(i, getMA(i, 5)));
if (i >= 9) {
ma10Values.add(new Entry(i, getMA(i, 10)));
if (i >= 29) {
ma30Values.add(new Entry(i, getMA(i, 30)));
}
}
}
}
}
candleSet.setValues(candleValues);
lineSet5.setValues(ma5Values);
lineSet10.setValues(ma10Values);
lineSet30.setValues(ma30Values);
lineSetMin.setValues(minValues);