MPAndroidChart---CombinedChart(K线图+均线)

时间 2019-11-08

标签 mpandroidchart combinedchart 线图均线繁體版

原文原文链接

CombinedChart是柱状图和折线图的组合图形,固然也能够做为CandleStickChart和折线图的组合图形, 也就是K线图和均线java

/**
 * 蜡烛图和折线图的组合图形
 */
public class CombinedChartUtils {
    private CombinedChart combinedChart;
    private XAxis xAxis;

    public CombinedChartUtils(CombinedChart combinedChart){
        this.combinedChart = combinedChart;
        initSetting();

    }

    /**
     * 经常使用设置
     */
    private void initSetting() {
        combinedChart.getDescription().setText("");
        combinedChart.getDescription().setTextColor(Color.RED);
        combinedChart.getDescription().setTextSize(16);//设置描述的文字 ,颜色 大小
        combinedChart.setNoDataText("无数据噢"); //没数据的时候显示
        //这里为了 能够使左右滑动
        Matrix m=new Matrix();
        m.postScale(1.5f, 1f);//两个参数分别是x,y轴的缩放比例。例如：将x轴的数据放大为以前的1.5倍
        combinedChart.getViewPortHandler().refresh(m, combinedChart, false);//将图表动画显示以前进行缩放
        combinedChart.animateX(1000); // 当即执行的动画,x轴

        //设置图例
        Legend legend = combinedChart.getLegend();
//        legend.setForm(Legend.LegendForm.NONE); //直接禁止图例,x轴会显示不全, 用这种方法解决
//        legend.setTextColor(Color.TRANSPARENT);

        //设置X轴
        xAxis = combinedChart.getXAxis();
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);//设置x轴位置
        xAxis.setAxisMinimum(1);//设置x轴最小
//        xAxis.setAxisMaximum(12);//设置x轴最大值
        xAxis.setTextSize(14);
        xAxis.setTextColor(Color.RED);
        xAxis.setEnabled(true);//是否显示x轴是否禁用
        xAxis.setDrawLabels(true); //设置x轴标签 即x轴上显示的数值
        xAxis.setDrawGridLines(true);//是否设置x轴上每一个点对应的线 即 竖向的网格线
        xAxis.enableGridDashedLine(2,2,2); //竖线 虚线样式  lineLength控制虚线段的长度 spaceLength控制线之间的空间
        xAxis.setLabelRotationAngle(30f);//设置x轴标签的旋转角度
        xAxis.setGranularity(1f);//x轴上设置间隔尺寸

        //设置Y轴
        YAxis yAxisLef = combinedChart.getAxisLeft();
        yAxisLef.setTextSize(14);
        yAxisLef.setAxisMinimum(0);
        YAxis yAxisRight = combinedChart.getAxisRight();//获取右侧y轴
        yAxisRight.setEnabled(false);//设置是否禁止
    }

    /**
     * 设置单条折线图的K线图 数据
     */
    public void setSingleCombinedData(List<Entry> lineYVals, List<CandleEntry> candleYVals){
        xAxis.setAxisMinimum(0);
        xAxis.setAxisMaximum((float)(candleYVals.size()+0.5)); //防止出现显示一半柱状图的状况
        CombinedData data = new CombinedData();
        LineData lineData = getSingleMa(lineYVals);
        data.setData(lineData);
        CandleData candleData = getCandleData(candleYVals);
        data.setData(candleData);
        combinedChart.setData(data);
    }

    /**
     * 折线图(多条)
     * @param lineChartYs 折线Y轴值
     * @param lineNames   折线图名字
     * @param lineColors  折线颜色
     * @param candleYVals  K线图的y值
     * @return
     */
    public void setMoreCombinedData(List<List<Float>> lineChartYs, List<String> lineNames, List<Integer> lineColors, List<CandleEntry> candleYVals){
        xAxis.setAxisMinimum(0);
        xAxis.setAxisMaximum((float)(candleYVals.size()+1)); //防止出现显示一半柱状图的状况

        CombinedData data = new CombinedData();
        LineData lineData = getMoreMA(lineChartYs, lineNames, lineColors);
        data.setData(lineData);
        CandleData candleData = getCandleData(candleYVals);
        data.setData(candleData);
        combinedChart.setData(data);
    }

    /**
     * 获取蜡烛图(K线图)
     * @param candleYVals
     * @return
     */
    private CandleData getCandleData(List<CandleEntry> candleYVals){
        CandleDataSet candleDataSet = new CandleDataSet(candleYVals, "");
        candleDataSet.setValueTextColor(Color.BLACK);
        candleDataSet.setValueTextSize(14);
        candleDataSet.setShadowColor(Color.DKGRAY);//设置影线的颜色
        candleDataSet.setShadowWidth(0.5f);//设置影线的宽度
        candleDataSet.setShadowColorSameAsCandle(true);//设置影线和蜡烛图的颜色同样
        candleDataSet.setDecreasingColor(Color.GREEN);//设置减小色
        candleDataSet.setDecreasingPaintStyle(Paint.Style.STROKE);//绿跌，空心描边
        candleDataSet.setIncreasingColor(Color.RED);//设置增加色
        candleDataSet.setIncreasingPaintStyle(Paint.Style.FILL);//设置增加红 实心
        candleDataSet.setNeutralColor(Color.RED);//当天价格不涨不跌（一字线）颜色
        candleDataSet.setHighlightEnabled(true);//设置定位线是否可用
        candleDataSet.setHighLightColor(Color.BLACK); //设置定位线的颜色
        candleDataSet.setHighlightLineWidth(0.5f);//设置定位线的线宽
        candleDataSet.setBarSpace(0.9f);//0 至1 之间,越小蜡烛图的宽度越宽
        candleDataSet.setDrawValues(false);//设置是否显示蜡烛图上的文字
        CandleData candleData = new CandleData(candleDataSet);
        return candleData;
    }

    /**
     * 获取单条均线
     * @param lineYVals y轴值
     * @return
     */
    private LineData getSingleMa(List<Entry> lineYVals){
        LineDataSet lineDataSet = new LineDataSet(lineYVals, "");
        lineDataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER);// 设置平滑曲线
        lineDataSet.setHighLightColor(Color.RED); //设置高亮线的颜色
        lineDataSet.setHighlightEnabled(false);//设置高亮线是否可用
        lineDataSet.setColor(Color.BLACK);//设置折线颜色
        lineDataSet.setCircleColor(Color.BLUE);//设置交点的圆圈的颜色
        lineDataSet.setDrawCircles(false);//设置是否显示交点
        lineDataSet.setDrawValues(false); //设置是否显示交点处的数值
        lineDataSet.setValueTextColor(Color.RED); //设置交点上值的颜色
        lineDataSet.setValueTextSize(14);//设置交点上值的字体大小
        LineData lineData = new LineData(lineDataSet);
        return lineData;
    }

    /**
     * 折线图(多条)
     * @param lineChartYs 折线Y轴值
     * @param lineNames   折线图名字
     * @param lineColors  折线颜色
     * @return
     */
    private LineData getMoreMA(List<List<Float>> lineChartYs, List<String> lineNames, List<Integer> lineColors){
            LineData lineData = new LineData();

            for (int i = 0; i < lineChartYs.size(); i++) {
                ArrayList<Entry> yValues = new ArrayList<>();
                for (int j = 0; j < lineChartYs.get(i).size(); j++) {
                    yValues.add(new Entry(j, lineChartYs.get(i).get(j)));
                }
                LineDataSet lineDataSet = new LineDataSet(yValues, lineNames.get(i));
                lineDataSet.setColor(lineColors.get(i));//设置折线颜色
                lineDataSet.setCircleColor(lineColors.get(i)); //设置交点圆的颜色
                lineDataSet.setValueTextColor(lineColors.get(i));
                lineDataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER);// 设置平滑曲线
                lineDataSet.setHighLightColor(Color.RED); //设置高亮线的颜色
                lineDataSet.setHighlightEnabled(false);//设置高亮线是否可用
                lineDataSet.setDrawCircles(false);//设置是否显示交点
                lineDataSet.setDrawValues(false); //设置是否显示交点处的数值
                lineDataSet.setValueTextSize(14);//设置交点上值的字体大小
                lineDataSet.setAxisDependency(YAxis.AxisDependency.LEFT);
                lineData.addDataSet(lineDataSet);
            }
            return lineData;
    }
}

Activity中使用,传递数据,这是单条折线图dom

List<Entry> lineEntry = new ArrayList<>();
        lineEntry.add(new Entry(0,3));
        lineEntry.add(new Entry(1,5));
        lineEntry.add(new Entry(2,6));
        lineEntry.add(new Entry(3,5));
        lineEntry.add(new Entry(4,2));
        lineEntry.add(new Entry(5,8));

        List<CandleEntry> barEntry = new ArrayList<>();
        barEntry.add(new CandleEntry(1,8,1,3f,6f));
        barEntry.add(new CandleEntry(2,8,1,8f,2f));
        barEntry.add(new CandleEntry(3,3,2,2f,2f));
        barEntry.add(new CandleEntry(4,5,1,4f,2f));
        barEntry.add(new CandleEntry(5,6,2,3f,3f));
        barEntry.add(new CandleEntry(6,8,2,3f,6f));
        barEntry.add(new CandleEntry(7,7,3,3f,6f));
        barEntry.add(new CandleEntry(8,7,2,6f,2f));
        barEntry.add(new CandleEntry(9,6,2,2f,6f));
        barEntry.add(new CandleEntry(10,9,5,6f,7f));
        barEntry.add(new CandleEntry(11,5,1,3f,4f));
//        combinedChartUtils.setSingleCombinedData(lineEntry,barEntry); //单条直线图的K线图

多条折线图的数据传递post

List<String> names = new ArrayList<>();
        names.add("MA5");
        names.add("MA10");
        names.add("MA30");

        List<Integer> colors = new ArrayList<>();
        colors.add(Color.YELLOW);
        colors.add(Color.RED);
        colors.add(Color.DKGRAY);

        //y轴数据集合
        List<List<Float>> yLineDatas = new ArrayList<>();
        //4种直方图
        for (int i = 0; i < 3; i++) {
            //y轴数
            List<Float> yData = new ArrayList<>();
            for (int j = 0; j <= 20; j++) {
                yData.add((float) (Math.random() * 10));
            }
            yLineDatas.add(yData);
        }
        combinedChartUtils.setMoreCombinedData(yLineDatas,names,colors,barEntry); //设置多条折线

截图如上,可是关于图例有一点,若是我只想显示均线的图例,不显示蜡烛图的图例,怎么实现呢?求大神告知,字体

我暂时想到的方法就是使用图例的setCustom方法,自定义图例,这能够实现,不知道还有没有别的方式动画