Android图表库MPAndroidChart(三)——双重轴线形图的实现，这次就so easy了

在学习本课程之前我建议先把我之前的博客看完，这样对整体的流程有一个大致的了解

承上启下，当我们学习完这篇

之后，你对MPAndroidChart的套路应该是有一定的了解了，用来用去就是那么几个不断的扩展，那我们今天扩展一下双轴的图标，什么是双轴呢？就是两个x或者两个y轴，看图

为了形成鲜明的对比，我把背景设置成黑色的了，我们来看下这个我们应该怎么去实现？

一.基本实现

这里布局还是那个老布局

  1. <com.github.mikephil.charting.charts.LineChart
  2.         android:id="@+id/mDoubleLineChar"
  3.         android:layout_width="match_parent"
  4.         android:layout_height="0dp"
  5.         android:layout_weight="1"/>

这次我就不那么温柔了，我直接开始撸了，首先是初始化

  2.         mDoubleLineChar = (LineChart) findViewById(R.id.mDoubleLineChar);
  3.         //设置数值选择监听
  4.         mDoubleLineChar.setOnChartValueSelectedListener(this);
  5.         // 没有描述的文本
  6.         mDoubleLineChar.getDescription().setEnabled(false);
  7.         // 支持触控手势
  8.         mDoubleLineChar.setTouchEnabled(true);
  9.         mDoubleLineChar.setDragDecelerationFrictionCoef(0.9f);
  10.         // 支持缩放和拖动
  11.         mDoubleLineChar.setDragEnabled(true);
  12.         mDoubleLineChar.setScaleEnabled(true);
  13.         mDoubleLineChar.setDrawGridBackground(false);
  14.         mDoubleLineChar.setHighlightPerDragEnabled(true);
  15.         // 如果禁用,扩展可以在x轴和y轴分别完成
  16.         mDoubleLineChar.setPinchZoom(true);
  17.         // 设置背景颜色(灰色)
  18.         mDoubleLineChar.setBackgroundColor(Color.BLACK);
  19.         //设置数据
  20.         setData(20, 30);
  21.         //默认x动画
  22.         mDoubleLineChar.animateX(2500);

这里还是老样子，设置一些手势监听，缩放等，然后设置背景颜色，这里我设置的颜色就是黑色，然后设置数据和动画，设置数据我们等下说，我们先来看划线

首先这里绘制了下面的三个文本

  1.         //修改
  2.         l.setForm(Legend.LegendForm.LINE);
  3.         l.setTextSize(11f);
  4.         l.setTextColor(Color.WHITE);
  5.         l.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);
  6.         l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
  7.         l.setOrientation(Legend.LegendOrientation.HORIZONTAL);
  8.         l.setDrawInside(false);

然后设置x轴，这都是和之前的类似，没什么问题

  1.         //x轴
  2.         XAxis xAxis = mDoubleLineChar.getXAxis();
  3.         xAxis.setTextSize(11f);
  4.         xAxis.setTextColor(Color.WHITE);
  5.         xAxis.setDrawGridLines(false);
  6.         xAxis.setDrawAxisLine(false);

但是现在有两个y轴，我们应该怎么设置呢？ 不就是设置两个y轴，多轴也是没问题的，只要你的坐标都设置的好

  1.         //左边y轴
  2.         YAxis leftAxis = mDoubleLineChar.getAxisLeft();
  3.         leftAxis.setTextColor(ColorTemplate.getHoloBlue());
  4.         leftAxis.setAxisMaximum(200f);
  5.         leftAxis.setAxisMinimum(0f);
  6.         leftAxis.setDrawGridLines(true);
  7.         leftAxis.setGranularityEnabled(true);
  9.         //右边
  10.         YAxis rightAxis = mDoubleLineChar.getAxisRight();
  11.         rightAxis.setTextColor(Color.RED);
  12.         rightAxis.setAxisMaximum(900);
  13.         rightAxis.setAxisMinimum(-200);
  14.         rightAxis.setDrawGridLines(false);
  15.         rightAxis.setDrawZeroLine(false);
  16.         rightAxis.setGranularityEnabled(false);

好的，到这里数据什么的，都没什么变化，我们设置，这里我采用的是随机数，不过这并不影响，我们理解，因为这里有三个arrayList,说明我们定义的就是三根线

  1.      //设置数据
  2.     private void setData(int count, float range) {
  4.         ArrayList<Entry> yVals1 = new ArrayList<Entry>();
  5.         for (int i = 0; i < count; i++) {
  6.             float mult = range / 2f;
  7.             float val = (float) (Math.random() * mult) + 50;
  8.             yVals1.add(new Entry(i, val));
  9.         }
  11.         ArrayList<Entry> yVals2 = new ArrayList<Entry>();
  12.         for (int i = 0; i < count - 1; i++) {
  13.             float mult = range;
  14.             float val = (float) (Math.random() * mult) + 450;
  15.             yVals2.add(new Entry(i, val));
  16.         }
  18.         ArrayList<Entry> yVals3 = new ArrayList<Entry>();
  19.         for (int i = 0; i < count; i++) {
  20.             float mult = range;
  21.             float val = (float) (Math.random() * mult) + 500;
  22.             yVals3.add(new Entry(i, val));
  23.         }
  25.         LineDataSet set1, set2, set3;
  27.         if (mDoubleLineChar.getData() != null &&
  28.                 mDoubleLineChar.getData().getDataSetCount() > 0) {
  29.             set1 = (LineDataSet) mDoubleLineChar.getData().getDataSetByIndex(0);
  30.             set2 = (LineDataSet) mDoubleLineChar.getData().getDataSetByIndex(1);
  31.             set3 = (LineDataSet) mDoubleLineChar.getData().getDataSetByIndex(2);
  32.             set1.setValues(yVals1);
  33.             set2.setValues(yVals2);
  34.             set3.setValues(yVals3);
  35.             mDoubleLineChar.getData().notifyDataChanged();
  36.             mDoubleLineChar.notifyDataSetChanged();
  37.         } else {
  38.             // 创建一个数据集,并给它一个类型
  39.             set1 = new LineDataSet(yVals1, "鸡群");
  41.             set1.setAxisDependency(YAxis.AxisDependency.LEFT);
  42.             set1.isDrawValuesEnabled();
  43.             set1.setColor(ColorTemplate.getHoloBlue());
  44.             set1.setCircleColor(Color.WHITE);
  45.             set1.setLineWidth(2f);
  46.             set1.setCircleRadius(3f);
  47.             set1.setFillAlpha(65);
  48.             set1.setFillColor(ColorTemplate.getHoloBlue());
  49.             set1.setHighLightColor(Color.rgb(244, 117, 117));
  50.             set1.setDrawCircleHole(false);
  52.             //创建一个数据集,并给它一个类型
  53.             set2 = new LineDataSet(yVals2, "鸭群");
  54.             set1.isDrawValuesEnabled();
  55.             set2.setAxisDependency(YAxis.AxisDependency.RIGHT);
  56.             set2.setColor(Color.RED);
  57.             set2.setCircleColor(Color.WHITE);
  58.             set2.setLineWidth(2f);
  59.             set2.setCircleRadius(3f);
  60.             set2.setFillAlpha(65);
  61.             set2.setFillColor(Color.RED);
  62.             set2.setDrawCircleHole(false);
  63.             set2.setHighLightColor(Color.rgb(244, 117, 117));
  65.             set3 = new LineDataSet(yVals3, "鹅群");
  66.             set3.setAxisDependency(YAxis.AxisDependency.RIGHT);
  67.             set3.setColor(Color.YELLOW);
  68.             set1.isDrawValuesEnabled();
  69.             set3.setCircleColor(Color.WHITE);
  70.             set3.setLineWidth(2f);
  71.             set3.setCircleRadius(3f);
  72.             set3.setFillAlpha(65);
  73.             set3.setFillColor(ColorTemplate.colorWithAlpha(Color.YELLOW, 200));
  74.             set3.setDrawCircleHole(false);
  75.             set3.setHighLightColor(Color.rgb(244, 117, 117));
  77.             // 创建一个数据集的数据对象
  78.             LineData data = new LineData(set1, set2, set3);
  79.             data.setValueTextColor(Color.WHITE);
  80.             data.setValueTextSize(9f);
  82.             //设置数据
  83.             mDoubleLineChar.setData(data);
  84.         }
  85.     }

然后依次实现三个LineDataSet，设置颜色，大小等相关属性，最后全部转换成一个LineData，最后给到我们的linechar,这就是一个完整的转换过程了，运行的结果就是上面的那幅图

二.显示顶点值

三.是否填满

四.是否显示圆点

五.切换立方

六.切换尖角/矩形

七.切换横向立方

八.x轴动画

九.y轴动画

十.xy轴动画

上面的是部分的演示效果，我想说的是，都是很简单的调用，唉，我把代码贴出来大家都更加了解了

layout_ linechar_double.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical">
  8.     <com.github.mikephil.charting.charts.LineChart
  9.         android:id="@+id/mDoubleLineChar"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="0dp"
  12.         android:layout_weight="1"/>
  14.     <LinearLayout
  15.         android:layout_width="match_parent"
  16.         android:layout_height="wrap_content"
  17.         android:orientation="horizontal">
  19.         <Button
  20.             android:id="@+id/btn_show_values"
  21.             android:layout_width="wrap_content"
  22.             android:layout_height="wrap_content"
  23.             android:text="顶点显示值"/>
  25.         <Button
  26.             android:id="@+id/btn_actionToggleFilled"
  27.             android:layout_width="wrap_content"
  28.             android:layout_height="wrap_content"
  29.             android:text="是否填满"/>
  31.         <Button
  32.             android:id="@+id/btn_actionToggleCircles"
  33.             android:layout_width="wrap_content"
  34.             android:layout_height="wrap_content"
  35.             android:text="是否显示圆点"/>
  37.         <Button
  38.             android:id="@+id/btn_actionToggleCubic"
  39.             android:layout_width="wrap_content"
  40.             android:layout_height="wrap_content"
  41.             android:text="切换立方"/>
  43.     </LinearLayout>
  45.     <LinearLayout
  46.         android:layout_width="match_parent"
  47.         android:layout_height="wrap_content"
  48.         android:orientation="horizontal">
  50.         <Button
  51.             android:id="@+id/btn_actionToggleStepped"
  52.             android:layout_width="wrap_content"
  53.             android:layout_height="wrap_content"
  54.             android:text="切换尖角/矩形"/>
  56.         <Button
  57.             android:id="@+id/btn_actionToggleHorizontalCubic"
  58.             android:layout_width="wrap_content"
  59.             android:layout_height="wrap_content"
  60.             android:text="切换横向立方"/>
  62.         <Button
  63.             android:id="@+id/btn_anim_x"
  64.             android:layout_width="wrap_content"
  65.             android:layout_height="wrap_content"
  66.             android:text="X轴动画"/>
  68.         <Button
  69.             android:id="@+id/btn_anim_y"
  70.             android:layout_width="wrap_content"
  71.             android:layout_height="wrap_content"
  72.             android:text="Y轴动画"/>
  74.     </LinearLayout>
  76.     <LinearLayout
  77.         android:layout_width="match_parent"
  78.         android:layout_height="wrap_content"
  79.         android:orientation="horizontal">
  81.         <Button
  82.             android:id="@+id/btn_anim_xy"
  83.             android:layout_width="wrap_content"
  84.             android:layout_height="wrap_content"
  85.             android:text="XY轴动画"/>
  87.         <Button
  88.             android:id="@+id/btn_save_sd"
  89.             android:layout_width="wrap_content"
  90.             android:layout_height="wrap_content"
  91.             android:text="保存到SD卡"/>
  93.         <Button
  94.             android:id="@+id/btn_auto_mix_max"
  95.             android:layout_width="wrap_content"
  96.             android:layout_height="wrap_content"
  97.             android:text="切换自动最大最小值"/>
  99.     </LinearLayout>
  101. </LinearLayout>

DoubleLineCharActivity

  2. public class DoubleLineCharActivity extends BaseActivity implements OnChartValueSelectedListener, View.OnClickListener {
  4.     private LineChart mDoubleLineChar;
  6.     //显示顶点值
  7.     private Button btn_show_values;
  8.     //是否填满
  9.     private Button btn_actionToggleFilled;
  10.     //是否显示圆点
  11.     private Button btn_actionToggleCircles;
  12.     //切换立方
  13.     private Button btn_actionToggleCubic;
  14.     //切换尖角/矩形
  15.     private Button btn_actionToggleStepped;
  16.     //切换横向立方
  17.     private Button btn_actionToggleHorizontalCubic;
  18.     //x轴动画
  19.     private Button btn_anim_x;
  20.     //y轴动画
  21.     private Button btn_anim_y;
  22.     //xy轴动画
  23.     private Button btn_anim_xy;
  24.     //保存到sd卡
  25.     private Button btn_save_sd;
  26.     //切换自动最大最小值
  27.     private Button btn_auto_mix_max;
  29.     @Override
  30.     protected void onCreate(Bundle savedInstanceState) {
  31.         super.onCreate(savedInstanceState);
  32.         setContentView(R.layout.activity_linechar_double);
  34.         initView();
  35.     }
  37.     //初始化View
  38.     private void initView() {
  40.         //基本控件
  41.         btn_show_values = (Button) findViewById(R.id.btn_show_values);
  42.         btn_show_values.setOnClickListener(this);
  43.         btn_actionToggleFilled = (Button) findViewById(R.id.btn_actionToggleFilled);
  44.         btn_actionToggleFilled.setOnClickListener(this);
  45.         btn_actionToggleCircles = (Button) findViewById(R.id.btn_actionToggleCircles);
  46.         btn_actionToggleCircles.setOnClickListener(this);
  47.         btn_actionToggleCubic = (Button) findViewById(R.id.btn_actionToggleCubic);
  48.         btn_actionToggleCubic.setOnClickListener(this);
  49.         btn_actionToggleStepped = (Button) findViewById(R.id.btn_actionToggleStepped);
  50.         btn_actionToggleStepped.setOnClickListener(this);
  51.         btn_actionToggleHorizontalCubic = (Button) findViewById(R.id.btn_actionToggleHorizontalCubic);
  52.         btn_actionToggleHorizontalCubic.setOnClickListener(this);
  53.         btn_anim_x = (Button) findViewById(R.id.btn_anim_x);
  54.         btn_anim_x.setOnClickListener(this);
  55.         btn_anim_y = (Button) findViewById(R.id.btn_anim_y);
  56.         btn_anim_y.setOnClickListener(this);
  57.         btn_anim_xy = (Button) findViewById(R.id.btn_anim_xy);
  58.         btn_anim_xy.setOnClickListener(this);
  59.         btn_save_sd = (Button) findViewById(R.id.btn_save_sd);
  60.         btn_save_sd.setOnClickListener(this);
  61.         btn_auto_mix_max = (Button) findViewById(R.id.btn_auto_mix_max);
  62.         btn_auto_mix_max.setOnClickListener(this);
  64.         mDoubleLineChar = (LineChart) findViewById(R.id.mDoubleLineChar);
  65.         //设置数值选择监听
  66.         mDoubleLineChar.setOnChartValueSelectedListener(this);
  67.         // 没有描述的文本
  68.         mDoubleLineChar.getDescription().setEnabled(false);
  69.         // 支持触控手势
  70.         mDoubleLineChar.setTouchEnabled(true);
  71.         mDoubleLineChar.setDragDecelerationFrictionCoef(0.9f);
  72.         // 支持缩放和拖动
  73.         mDoubleLineChar.setDragEnabled(true);
  74.         mDoubleLineChar.setScaleEnabled(true);
  75.         mDoubleLineChar.setDrawGridBackground(false);
  76.         mDoubleLineChar.setHighlightPerDragEnabled(true);
  77.         // 如果禁用,扩展可以在x轴和y轴分别完成
  78.         mDoubleLineChar.setPinchZoom(true);
  79.         // 设置背景颜色(灰色)
  80.         mDoubleLineChar.setBackgroundColor(Color.BLACK);
  81.         //设置数据
  82.         setData(20, 30);
  83.         //默认x动画
  84.         mDoubleLineChar.animateX(2500);
  86.         //获得数据
  87.         Legend l = mDoubleLineChar.getLegend();
  89.         //修改
  90.         l.setForm(Legend.LegendForm.LINE);
  91.         l.setTextSize(11f);
  92.         l.setTextColor(Color.WHITE);
  93.         l.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);
  94.         l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
  95.         l.setOrientation(Legend.LegendOrientation.HORIZONTAL);
  96.         l.setDrawInside(false);
  98.         //x轴
  99.         XAxis xAxis = mDoubleLineChar.getXAxis();
  100.         xAxis.setTextSize(11f);
  101.         xAxis.setTextColor(Color.WHITE);
  102.         xAxis.setDrawGridLines(false);
  103.         xAxis.setDrawAxisLine(false);
  105.         //左边y轴
  106.         YAxis leftAxis = mDoubleLineChar.getAxisLeft();
  107.         leftAxis.setTextColor(ColorTemplate.getHoloBlue());
  108.         leftAxis.setAxisMaximum(200f);
  109.         leftAxis.setAxisMinimum(0f);
  110.         leftAxis.setDrawGridLines(true);
  111.         leftAxis.setGranularityEnabled(true);
  113.         //右边
  114.         YAxis rightAxis = mDoubleLineChar.getAxisRight();
  115.         rightAxis.setTextColor(Color.RED);
  116.         rightAxis.setAxisMaximum(900);
  117.         rightAxis.setAxisMinimum(-200);
  118.         rightAxis.setDrawGridLines(false);
  119.         rightAxis.setDrawZeroLine(false);
  120.         rightAxis.setGranularityEnabled(false);
  121.     }
  123.     //设置数据
  124.     private void setData(int count, float range) {
  126.         ArrayList<Entry> yVals1 = new ArrayList<Entry>();
  127.         for (int i = 0; i < count; i++) {
  128.             float mult = range / 2f;
  129.             float val = (float) (Math.random() * mult) + 50;
  130.             yVals1.add(new Entry(i, val));
  131.         }
  133.         ArrayList<Entry> yVals2 = new ArrayList<Entry>();
  134.         for (int i = 0; i < count - 1; i++) {
  135.             float mult = range;
  136.             float val = (float) (Math.random() * mult) + 450;
  137.             yVals2.add(new Entry(i, val));
  138.         }
  140.         ArrayList<Entry> yVals3 = new ArrayList<Entry>();
  141.         for (int i = 0; i < count; i++) {
  142.             float mult = range;
  143.             float val = (float) (Math.random() * mult) + 500;
  144.             yVals3.add(new Entry(i, val));
  145.         }
  147.         LineDataSet set1, set2, set3;
  149.         if (mDoubleLineChar.getData() != null &&
  150.                 mDoubleLineChar.getData().getDataSetCount() > 0) {
  151.             set1 = (LineDataSet) mDoubleLineChar.getData().getDataSetByIndex(0);
  152.             set2 = (LineDataSet) mDoubleLineChar.getData().getDataSetByIndex(1);
  153.             set3 = (LineDataSet) mDoubleLineChar.getData().getDataSetByIndex(2);
  154.             set1.setValues(yVals1);
  155.             set2.setValues(yVals2);
  156.             set3.setValues(yVals3);
  157.             mDoubleLineChar.getData().notifyDataChanged();
  158.             mDoubleLineChar.notifyDataSetChanged();
  159.         } else {
  160.             // 创建一个数据集,并给它一个类型
  161.             set1 = new LineDataSet(yVals1, "鸡群");
  163.             set1.setAxisDependency(YAxis.AxisDependency.LEFT);
  164.             set1.isDrawValuesEnabled();
  165.             set1.setColor(ColorTemplate.getHoloBlue());
  166.             set1.setCircleColor(Color.WHITE);
  167.             set1.setLineWidth(2f);
  168.             set1.setCircleRadius(3f);
  169.             set1.setFillAlpha(65);
  170.             set1.setFillColor(ColorTemplate.getHoloBlue());
  171.             set1.setHighLightColor(Color.rgb(244, 117, 117));
  172.             set1.setDrawCircleHole(false);
  174.             //创建一个数据集,并给它一个类型
  175.             set2 = new LineDataSet(yVals2, "鸭群");
  176.             set1.isDrawValuesEnabled();
  177.             set2.setAxisDependency(YAxis.AxisDependency.RIGHT);
  178.             set2.setColor(Color.RED);
  179.             set2.setCircleColor(Color.WHITE);
  180.             set2.setLineWidth(2f);
  181.             set2.setCircleRadius(3f);
  182.             set2.setFillAlpha(65);
  183.             set2.setFillColor(Color.RED);
  184.             set2.setDrawCircleHole(false);
  185.             set2.setHighLightColor(Color.rgb(244, 117, 117));
  187.             set3 = new LineDataSet(yVals3, "鹅群");
  188.             set3.setAxisDependency(YAxis.AxisDependency.RIGHT);
  189.             set3.setColor(Color.YELLOW);
  190.             set1.isDrawValuesEnabled();
  191.             set3.setCircleColor(Color.WHITE);
  192.             set3.setLineWidth(2f);
  193.             set3.setCircleRadius(3f);
  194.             set3.setFillAlpha(65);
  195.             set3.setFillColor(ColorTemplate.colorWithAlpha(Color.YELLOW, 200));
  196.             set3.setDrawCircleHole(false);
  197.             set3.setHighLightColor(Color.rgb(244, 117, 117));
  199.             // 创建一个数据集的数据对象
  200.             LineData data = new LineData(set1, set2, set3);
  201.             data.setValueTextColor(Color.WHITE);
  202.             data.setValueTextSize(9f);
  204.             //设置数据
  205.             mDoubleLineChar.setData(data);
  206.         }
  207.     }
  209.     @Override
  210.     public void onValueSelected(Entry e, Highlight h) {
  212.     }
  214.     @Override
  215.     public void onNothingSelected() {
  217.     }
  219.     @Override
  220.     public void onClick(View v) {
  221.         switch (v.getId()) {
  222.             //显示顶点的值开关
  223.             case R.id.btn_show_values:
  224.                 //获取到当前值
  225.                 List<ILineDataSet> sets = mDoubleLineChar.getData().getDataSets();
  226.                 for (ILineDataSet iSet : sets) {
  227.                     LineDataSet set = (LineDataSet) iSet;
  228.                     //切换显示/隐藏
  229.                     set.setDrawValues(!set.isDrawValuesEnabled());
  230.                 }
  231.                 //刷新
  232.                 mDoubleLineChar.invalidate();
  233.                 break;
  234.             //是否填满
  235.             case R.id.btn_actionToggleFilled:
  236.                 List<ILineDataSet> setsFilled = mDoubleLineChar.getData().getDataSets();
  237.                 for (ILineDataSet iSet : setsFilled) {
  238.                     LineDataSet set = (LineDataSet) iSet;
  239.                     if (set.isDrawFilledEnabled())
  240.                         set.setDrawFilled(false);
  241.                     else
  242.                         set.setDrawFilled(true);
  243.                 }
  244.                 mDoubleLineChar.invalidate();
  245.                 break;
  246.             //是否显示圆点
  247.             case R.id.btn_actionToggleCircles:
  248.                 List<ILineDataSet> setsCircles = mDoubleLineChar.getData().getDataSets();
  249.                 for (ILineDataSet iSet : setsCircles) {
  250.                     LineDataSet set = (LineDataSet) iSet;
  251.                     if (set.isDrawCirclesEnabled())
  252.                         set.setDrawCircles(false);
  253.                     else
  254.                         set.setDrawCircles(true);
  255.                 }
  256.                 mDoubleLineChar.invalidate();
  257.                 break;
  258.             //切换立方
  259.             case R.id.btn_actionToggleCubic:
  260.                 List<ILineDataSet> setsCubic = mDoubleLineChar.getData().getDataSets();
  261.                 for (ILineDataSet iSet : setsCubic) {
  262.                     LineDataSet set = (LineDataSet) iSet;
  263.                     set.setMode(set.getMode() == LineDataSet.Mode.CUBIC_BEZIER
  264.                             ? LineDataSet.Mode.LINEAR
  265.                             : LineDataSet.Mode.CUBIC_BEZIER);
  266.                 }
  267.                 mDoubleLineChar.invalidate();
  268.                 break;
  269.             //切换尖角/矩形
  270.             case R.id.btn_actionToggleStepped:
  271.                 List<ILineDataSet> setsStepped = mDoubleLineChar.getData().getDataSets();
  272.                 for (ILineDataSet iSet : setsStepped) {
  273.                     LineDataSet set = (LineDataSet) iSet;
  274.                     set.setMode(set.getMode() == LineDataSet.Mode.STEPPED
  275.                             ? LineDataSet.Mode.LINEAR
  276.                             : LineDataSet.Mode.STEPPED);
  277.                 }
  278.                 mDoubleLineChar.invalidate();
  279.                 break;
  280.             //切换横向立方
  281.             case R.id.btn_actionToggleHorizontalCubic:
  282.                 List<ILineDataSet> setsHorizontalCubic = mDoubleLineChar.getData().getDataSets();
  283.                 for (ILineDataSet iSet : setsHorizontalCubic) {
  284.                     LineDataSet set = (LineDataSet) iSet;
  285.                     set.setMode(set.getMode() == LineDataSet.Mode.HORIZONTAL_BEZIER
  286.                             ? LineDataSet.Mode.LINEAR
  287.                             : LineDataSet.Mode.HORIZONTAL_BEZIER);
  288.                 }
  289.                 mDoubleLineChar.invalidate();
  290.                 break;
  291.             //x轴动画
  292.             case R.id.btn_anim_x:
  293.                 mDoubleLineChar.animateX(3000);
  294.                 break;
  295.             //y轴动画
  296.             case R.id.btn_anim_y:
  297.                 mDoubleLineChar.animateY(3000, Easing.EasingOption.EaseInCubic);
  298.                 break;
  299.             //xy轴动画
  300.             case R.id.btn_anim_xy:
  301.                 mDoubleLineChar.animateXY(3000, 3000);
  302.                 break;
  303.             //保存到sd卡
  304.             case R.id.btn_save_sd:
  305.                 if (mDoubleLineChar.saveToPath("title" + System.currentTimeMillis(), "")) {
  306.                     Toast.makeText(this, "保存成功", Toast.LENGTH_SHORT).show();
  307.                 } else
  308.                     Toast.makeText(this, "保存失败", Toast.LENGTH_SHORT).show();
  310.                 break;
  311.             //切换自动最大最小值
  312.             case R.id.btn_auto_mix_max:
  313.                 mDoubleLineChar.setAutoScaleMinMaxEnabled(!mDoubleLineChar.isAutoScaleMinMaxEnabled());
  314.                 mDoubleLineChar.notifyDataSetChanged();
  315.                 break;
  316.         }
  317.     }
  318. }

送上一个实际的演示效果：

OK，是不是把套路学会了？没有学会没关系，基佬群欢迎你

欢迎加入：555974449

国际惯例：http://download.csdn.net/detail/qq_26787115/9684705

Android图表库MPAndroidChart(三)——双重轴线形图的实现，这次就so easy了的更多相关文章

  1. Android图表库MPAndroidChart(五)——自定义MarkerView实现选中高亮

    Android图表库MPAndroidChart(五)--自定义MarkerView实现选中高亮 在学习本课程之前我建议先把我之前的博客看完,这样对整体的流程有一个大致的了解 Android图表库MP ...

  2. Android图表库MPAndroidChart(四)——条形图的绘制过程过程,隐隐约约我看到了套路

    Android图表库MPAndroidChart(四)--条形图的绘制过程过程,隐隐约约我看到了套路 在学习本课程之前我建议先把我之前的博客看完,这样对整体的流程有一个大致的了解 Android图表库 ...

  3. Android图表库MPAndroidChart(二)——线形图的方方面面，看完你会回来感谢我的

    Android图表库MPAndroidChart(二)--线形图的方方面面,看完你会回来感谢我的 在学习本课程之前我建议先把我之前的博客看完,这样对整体的流程有一个大致的了解 Android图表库MP ...

  4. Android图表库MPAndroidChart(十一)——多层级的堆叠条形图

    Android图表库MPAndroidChart(十一)--多层级的堆叠条形图 事实上这个也是条形图的一种扩展,我们看下效果就知道了 是吧,他一般满足的需求就是同类数据比较了,不过目前我还真没看过哪个 ...

  5. Android图表库MPAndroidChart(十三)——简约的底部柱状图

    Android图表库MPAndroidChart(十三)--简约的底部柱状图 我们继续上一讲,今天还是说下柱状图,这个图的话应该是用的比较多的,所有拿出来溜溜,先看下效果 我们还是来看下基本实现 一. ...

  6. Android图表库MPAndroidChart(十二)——来点不一样的，正负堆叠条形图

    Android图表库MPAndroidChart(十二)--来点不一样的,正负堆叠条形图 接上篇,今天要说的,和上篇的类似,只是方向是有相反的两面,我们先看下效果 实际上这样就导致了我们的代码是比较类 ...

  7. Android图表库MPAndroidChart(十)——散点图的孪生兄弟气泡图

    Android图表库MPAndroidChart(十)--散点图的孪生兄弟气泡图 起泡图和散点图如出一辙,但是个人认为要比散点图好看一点,我们来看下实际的演示效果 这个和散点图的实现很相似,我们一起来 ...

  8. Android图表库MPAndroidChart(九)——神神秘秘的散点图

    Android图表库MPAndroidChart(九)--神神秘秘的散点图 今天所的散点图可能用的人不多,但是也算是图表界的一股清流,我们来看下实际的效果 添加的数据有点少,但是足以表示散点图了,我们 ...

  9. Android图表库MPAndroidChart(八)——饼状图的扩展：折线饼状图

    Android图表库MPAndroidChart(八)--饼状图的扩展:折线饼状图 我们接着上文,饼状图的扩展,增加折现的说明,来看下我们要实现的效果 因为之前对MPAndroidChart的熟悉,所 ...

随机推荐

  1. Java知IO

    ---恢复内容开始--- Java将IO(文件.网络.终端)封装成非常多的类,看似繁杂,其实每个类的具有独特的功能. 按照存取的对象是二进制还是文本,java使用字节流和字符流实现IO. 流是java ...

  2. SpringContextUtil 的配置和调用

    首先:在springmvc里面配置 <bean id="springContextUtil" class="com.hna.hka.rmc.common.util. ...

  3. HTML5中meta属性大集合

    1.声明文档的字符编码 <meta charset='utf-8'> 2.声明文档的兼容模式 <meta http-equiv="X-UA-Compatible" ...

  4. 原生http请求封装

    满血复活,今天开始开始更新博客.随着es6的普遍应用,promise属性也随之用之普遍,我们在一些项目中,为了避免引入一些http库,节省空间,就简单将原生http请求做了封装处理,封装代码如下:(其 ...

  5. python字符串-内置方法用法分析

    1.字母大小写相关(中文无效) 1.1 S.upper() -> string 返回一个字母全部大写的副本

  6. Scrapy定时执行爬取任务与定时关闭任务

    当我们利用Python scrapy框架写完脚本后,脚本已经可以稳定的进行数据的爬取,但是每次需要手动的执行,太麻烦,如果能自动运行,在自动关闭那就好了,经过小编研究,完全是可以实现的,今天小编介绍2 ...

  7. Docker And Swarm Mode(一)

    (一)节点的创建和配置 前言  虽然工作中一直在用Docker和Docker Swarm,但是总感觉有点陌生,总想自己亲手来写写和配置Docker 容器相关的事情,这篇文章主要是参考了Los Tech ...

  8. [BeiJing2011]元素

    Description 相传,在远古时期,位于西方大陆的 Magic Land 上,人们已经掌握了用魔 法矿石炼制法杖的技术.那时人们就认识到,一个法杖的法力取决于使用的矿石. 一般地,矿石越多则法力 ...

  9. bzoj 1058: [ZJOI2007]报表统计

    Description 小Q的妈妈是一个出纳,经常需要做一些统计报表的工作.今天是妈妈的生日,小Q希望可以帮妈妈分担一些工 作,作为她的生日礼物之一.经过仔细观察,小Q发现统计一张报表实际上是维护一个 ...

  10. 【GDOI】【图论-最短路】时间与空间之旅

    最近打的一场校内训练的某题原题... 题目如下: Description 公元22××年,宇宙中最普遍的交通工具是spaceship.spaceship的出现使得星系之间的联系变得更为紧密,所以spa ...