自定义android图表SimpleChart

今天分享一个自定义的图表控件。其实这是以前做一个项目的时候写的，当时也想过在网上找一些开源的图表库直接用就行了，但是实在没有找到符合要求的（主要是UI要求），另外网上的开源图表库实在是太强大了，例如什么HelloChart之类的，我实在是用不上了，就算要用我也得重画UI。那个时候我又想起了一句话：“不要重复做同一个轮子”... 于是这两个想法就在激烈碰撞，然后我纠结了一小会，又想起了一句话：“不要做全能函数，要做尽可能功能单一的函数”...嗯...好吧，最后我还是放弃了各种强大的开源图表库，自己动手写了一个...

然后，最近做毕设，也是做一个android应用，需要用到图表，于是就把这个东西翻出来，并且重构了一下（其实差不多相当于重写了，因为之前写得太糟糕了-o(╯□╰)o）... 然后拿出来分享分享- -

先贴代码链接吧o(╯□╰)o         SimpleChart github地址

然后贴几张效果图吧o(╯□╰)o

                

嗯...其实折线图那里还有一个y轴动画的，先不贴了，搞动图太累了o(╯□╰)o

看了上面这些效果图之后，应该也可以看出，SimpleChart是可以支持多数据绘制的，也就是折线图可以绘制多条线，柱状图可以绘制多条柱子~~~ 其实，还有一个特色，效果图没有展示出来，那就是折线图的不同线的数据个数可以不一样呢~~~

SimpleChart在使用上也是比较简单方便的。下面给出折线图的示例代码。

        chart = (LineChart) findViewById(R.id.chart);

        final ArrayList<Float> y1 = new ArrayList<>();
        final ArrayList<Float> y2 = new ArrayList<>();
        final ArrayList<String> x = new ArrayList<>();
        float j=0;
        for (float i=21;i>=0;i--) {
            x.add(String.valueOf(j));
            j++;
            y1.add(i);
            y2.add(i*2);
        }

        final ArrayList<String> legends = new ArrayList<>();
        final ArrayList<Integer> colors = new ArrayList<>();
        legends.add("1 hello, Charts!");
        legends.add("2 hello, Charts!");
        colors.add(R.color.default_main_color);
        colors.add(R.color.chart_deep_blue);

        chart.setYAxisValuesFormatter(new Chart.YAxisValueFormatter() {
            @Override
            public String YvaluesString(float v) {
                return (int)v + "-";
            }
        });
        chart.setTheme(ChartTheme.THEME_DARK);
        chart.setAdapter(new LineChartAdapter() {
            @Override
            public int getLineCount() {
                return 2;
            }

            @Override
            public ArrayList<Float> getLineData(int index) {
                if (index == 0) return y1;
                else            return y2;
            }

            @Override
            public int getLineColor(int index) {
                return colors.get(index);
            }

            @Override
            public int getXLabelsCount() {
                return x.size();
            }

            @Override
            public String getXLabel(int position) {
                return x.get(position);
            }

            @Override
            public int getLegendCount() {
                return 2;
            }

            @Override
            public String getLegend(int position) {
                return legends.get(position);
            }

            @Override
            public int getColorId(int position) {
                return colors.get(position);
            }
        });

基本上就和android原生的什么listView之类的一样的使用方法了，因为它在设计上使用的就是适配器模式嘛，“Adapter在手，天下我有”的赶脚哈哈哈O(∩_∩)O~~

这次就先分享效果和代码，下一次会详细解析一下代码怎么实现的~