cbdgit / leafchart

小型图表库-折线统计图、直方统计图

LeafChart

##一、折线图

###设置

坐标轴

• Axis.setAxisColor 坐标轴颜色
• Axis.setAxisWidth 坐标轴宽度
• Axis.setTextSize 坐标轴刻度字体大小
• Axis.setTextColor 坐标轴刻度字体颜色

折线@LeafLineChart

• Line.setLineWidth 折线宽度
• Line.setLineColor 折线颜色
• Line.setPointRadius 点的大小
• Line.setPointColor 点的颜色
• Line.setHasLabels 是否有标签
• Line.setLabelColor 标签背景色
• Line.setLabelRadius 标签弧度
• Line.setFill 是否填充
• Line.setFillColor 填充颜色(默认为有透明度的折线颜色)

SlideSelectLineChart

• SlidingLine.setOpenSlideSelect 是否开启滑动选值
• SlidingLine.setDash 移动标尺线是否是虚线
• SlidingLine.setSlideLineColor 移动标尺线颜色
• SlidingLine.setSlideLineWidth 移动标尺线宽度
• SlidingLine.setSlidePointRadius 移动标尺线顶端圆点半径
• SlidingLine.setSlidePointColor 移动标尺线顶端圆点颜色

###自定义属性

属性名	说明	默认值
lc_leftPadding	左间距	20dp
lc_topPadding	上间距	10dp
lc_rightPadding	右间距	10dp
lc_bottomPadding	下间距	20dp
lc_startMarginX	第一个点x轴方向起始位置	0dp
lc_startMarginY	第一个点y轴方向起始位置	0dp
lc_coordinateMode	坐标轴相交模式	Mode.INTERSEC

###效果图

• 坐标轴相交模式

• LeafChart

• 多线条支持

• 移动选值

###LeafLineChart使用

    <com.beiing.leafchart.LeafLineChart
        android:id="@+id/leaf_chart"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="#ffffff"/>

初始化X轴数据：

    private List<AxisValue> getAxisValuesX(){
        List<AxisValue> axisValues = new ArrayList<>();
        for (int i = 1; i <= 12; i++) {
            AxisValue value = new AxisValue();
            value.setLabel(i + "月");
            axisValues.add(value);
        }
        return axisValues;
    }

初始化Y轴数据：

private List<AxisValue> getAxisValuesY(){
        List<AxisValue> axisValues = new ArrayList<>();
        for (int i = 0; i < 11; i++) {
            AxisValue value = new AxisValue();
            value.setLabel(String.valueOf(i * 10));
            axisValues.add(value);
        }
        return axisValues;
    }

初始化点数据和相关设置：

    private Line getFoldLine(){
        List<PointValue> pointValues = new ArrayList<>();
        for (int i = 1; i <= 12; i++) {
            PointValue pointValue = new PointValue();
            pointValue.setX( (i - 1) / 11f);
            float var = (float) (Math.random() * 100);
            pointValue.setLabel(String.valueOf(var));
            pointValue.setY(var / 100);
            pointValues.add(pointValue);
        }

        Line line = new Line(pointValues);
        line.setLineColor(Color.parseColor("#33B5E5")).setPointColor(Color.YELLOW).
                setCubic(false).setPointRadius(3).setHasLabels(true)
                .setFill(false);
        return line;
    }

图表设置数据：

 Axis axisX = new Axis(getAxisValuesX());
        axisX.setAxisColor(Color.parseColor("#33B5E5")).setTextColor(Color.DKGRAY).setHasLines(true);
        Axis axisY = new Axis(getAxisValuesY());
        axisY.setAxisColor(Color.parseColor("#33B5E5")).setTextColor(Color.DKGRAY).setHasLines(true).setShowText(true);
        lineChart.setAxisX(axisX);
        lineChart.setAxisY(axisY);
        List<Line> lines = new ArrayList<>();
        lines.add(getFoldLine());
        lines.add(getCompareLine());
        lineChart.setChartData(lines);

        lineChart.showWithAnimation(3000);

	//无动画
//lineChart.show();

###SlideSelectLineChart使用

初始化X轴数据（注意：如果想在滑动选值的时候能正确返回点对应x轴刻度，不要忘了调用setLabel方法）：

    private List<AxisValue> getAxisValuesX(){
        List<AxisValue> axisValues = new ArrayList<>();
        for (int i = 1; i <= 12; i++) {
            AxisValue value = new AxisValue();
            value.setLabel(i + "月");
            axisValues.add(value);
        }
        return axisValues;
    }

初始化Y轴数据： （同上）

初始化点数据和相关设置： （同上）

初始化标尺线：

private SlidingLine getSlideingLine(){
        SlidingLine slidingLine = new SlidingLine();
        slidingLine.setSlideLineColor(getResources().getColor(R.color.colorAccent))
                .setSlidePointColor(getResources().getColor(R.color.colorAccent))
                .setSlidePointRadius(3);
        return slidingLine;
    }

图表设置数据：

private void initLineChart() {
        Axis axisX = new Axis(getAxisValuesX());
        axisX.setAxisColor(Color.parseColor("#33B5E5")).setTextColor(Color.DKGRAY).setHasLines(false).setShowText(false);
        Axis axisY = new Axis(getAxisValuesY());
        axisY.setAxisColor(Color.parseColor("#33B5E5")).setTextColor(Color.DKGRAY).setHasLines(false).setShowText(true);
        slideSelectLineChart.setAxisX(axisX);
        slideSelectLineChart.setAxisY(axisY);

        slideSelectLineChart.setSlideLine(getSlideingLine());
        slideSelectLineChart.setChartData(getFoldLine());
        slideSelectLineChart.show();
    }

二、直方图

使用类似折线图

设置

• Square.setWidth 直方图宽度
• Square.setBorderWidth 边框宽度
• Square.setBorderColor 边框颜色
• Square.setFill 是否填充
• Square.setHasLabels 是否有标签
• Square.setLabelColor 标签背景色
• Square.setLabelRadius 标签弧度

效果图

#License

   Copyright 2016 LineChen <[email protected]>

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.