1：Android Studio新增依賴

在app的build gradle中新增依賴

compile 'com.github.lecho:hellocharts-library:[email protected]'

2：佈局中

我這裡是用的柱狀圖，線狀圖是linechartview

<lecho.lib.hellocharts.view.ColumnChartView
android:id="@+id/chart"
android:layout_width="match_parent"
android:layout_height="240dp"
android:paddingTop=
 
"24dp"/>

3：程式碼中

@BindView(R.id.chart)
ColumnChartView mChartView;

public final static String[] xValues = new String[]{"", "第1月", "第2月", "第3月", "第4月"};
private int month;
private SubcolumnValue subcolumnValue;

...

@Override
protected void initView(View view) {
    super.initView(view);

    initChartViews();

}

@RequiresApi
 
(api = Build.VERSION_CODES.LOLLIPOP)
private void initChartViews() {
    List<Column> columnList = new ArrayList<>(); //柱子列表
List<SubcolumnValue> subcolumnValueList;     //子柱列表（即一個柱子，因為一個柱子可分為多個子柱）
List<AxisValue> axisValues = new ArrayList<>();
    for (int i = 1; i <= xValues.length-1; i++) {
 

        subcolumnValueList = new ArrayList<>();
        //獲取資料處理
if (i == 1 || i == 0) {
            subcolumnValue = new SubcolumnValue();
            subcolumnValue.setValue(5.8f);
            if (i <= month) {
                subcolumnValue.setColor(getResources().getColor(R.color.oval_red));
            } else {
                subcolumnValue.setColor(getResources().getColor(R.color.charts_color));
            }
            subcolumnValueList.add(subcolumnValue);
        }
        if (i == 2) {
            subcolumnValue = new SubcolumnValue();
            subcolumnValue.setValue(6.0f);
            if (i <= month) {
                subcolumnValue.setColor(getResources().getColor(R.color.oval_red));

            } else {
                subcolumnValue.setColor(getResources().getColor(R.color.charts_color));
            }
            subcolumnValueList.add(subcolumnValue);
        }
        if (i >= 3) {
            subcolumnValue = new SubcolumnValue();
            subcolumnValue.setValue(7.0f);
            if (i <= month) {
                subcolumnValue.setColor(getResources().getColor(R.color.oval_red));
            } else {
                subcolumnValue.setColor(getResources().getColor(R.color.charts_color));
            }
            subcolumnValueList.add(subcolumnValue);
        }


        Column column = new Column(subcolumnValueList);
        columnList.add(column);
        //是否有資料標註
column.setHasLabels(true);//☆☆☆☆☆設定列標籤
//是否是點選圓柱才顯示資料標註
column.setHasLabelsOnlyForSelected(true);
        //TODO 這一步是能讓圓柱標註資料顯示帶小數的重要一步
ColumnChartValueFormatter chartValueFormatter = new SimpleColumnChartValueFormatter(1);
        column.setFormatter(chartValueFormatter);
        //給x軸座標設定描述
axisValues.add(new AxisValue(i - 1).setLabel(xValues[i]));
    }


    //圖形資料載入
ColumnChartData columnChartData = new ColumnChartData(columnList);
    mChartView.setZoomEnabled(false);//手勢縮放
mChartView.setInteractive(true);//設定圖表是可以互動的（拖拽，縮放等效果的前提）
mChartView.setZoomType(ZoomType.HORIZONTAL);//設定縮放方向
Axis axisX = new Axis(axisValues);//x軸
Axis axisY = new Axis();//y軸
//是否顯示網格線
axisY.setHasLines(true);
    axisY.hasLines();
    axisX.setTextSize(12);

    //        axisX.setName("時間/月");
    //        axisY.setName(getResources().getString(R.string.expect_income_tariff));
axisX.setTextColor(getResources().getColor(R.color.black_333));
    axisY.setTextColor(getResources().getColor(R.color.black_333));
    //設定傾斜顯示在柱子內部
//        axisX.setInside(true);
    //        axisX.setHasTiltedLabels(true);
columnChartData.setFillRatio(0.5F);//引數即為柱子寬度的倍數，範圍只能在0到1之間
//設定顯示的資料背景、字型顏色
columnChartData.setValueLabelsTextColor(getResources().getColor(R.color.black_333));// 設定資料文字顏色
columnChartData.setValueLabelBackgroundEnabled(false);
    columnChartData.setAxisXBottom(axisX);
    columnChartData.setAxisYLeft(axisY);
    //把資料放到控制元件中
mChartView.setColumnChartData(columnChartData);

    //設定豎線
Viewport v = new Viewport(mChartView.getMaximumViewport());
    v.top = 7.2f;
    v.bottom = 5.4f;
    mChartView.setMaximumViewport(v);
    v.left = -0.5f;
    v.right = 6;
    mChartView.setCurrentViewport(v);
}

4：搞定！