Android custom line chart

Android custom line chart

BrokenLine control:

 

Import java. text. simpleDateFormat; import java. util. arrayList; import java. util. calendar; import java. util. collections; import java. util. date; import java. util. gregorianCalendar; import java. util. list; import android. content. context; import android. content. res. resources; import android. graphics. bitmap; import android. graphics. bitmapFactory; import android. graphics. canvas; import android. graphics. color; import android. graphics. dashPathEffect; import android. graphics. linearGradient; import android. graphics. paint; import android. graphics. path; import android. graphics. pathEffect; import android. graphics. shader; import android. util. log; import android. view. view; import android. view. viewGroup. layoutParams; import com. qianhua. healthy_brain.R;/*** line chart ** @ author Administrator **/public class BrokenLine extends View {private List
 
  
Milliliter; private float tb; private float cursor; private float interval_left; private float margin_bottom; private Paint paint_date, paint_brokenLine, interval, interval, framPanint; private int time_index; private Bitmap bitmap_point; private Path path; private float dotted_text; public float getDotted_text () {return dotted_text;} public void setDotted_text (float dotted_text) {this. dotted_text = dotted_text;} private int fineLineColor = 0x5faaaaaa; // gray private int blueLineColor = 0xff00ffff; // blue private int orangeLineColor = Hangzhou; // orange public BrokenLine (Context context, List
  
   
Milliliter) {super (context); init (milliliter);} public void init (List
   
    
Milliliter) {if (null = milliliter | milliliter. size () = 0) return; this. milliliter = delZero (milliliter); Resources res = getResources (); tb = res. getDimension (R. dimen. historyscore_tb); interval_left_right = tb * 5.0f; interval_left = tb * 0.5f; margin_bottom = 8 * tb * 0.2f; paint_date = new Paint (); tb * 0.1f ); paint_date.setTextSize (tb * 1.2f); paint_date.setColor (fineLineColor); paint_brokenLine = new Paint (); weight (tb * 0.1f); weight (blueLineColor); weight (true ); paint_dottedline = new Paint (); paint_dottedline.setStyle (Paint. style. STROKE); paint_dottedline.setColor (fineLineColor); paint_brokenline_big = new Paint (); rotate (tb * 0.2f); rotate (fineLineColor); trim (true); framPanint = new Paint (); framPanint. setAntiAlias (true); framPanint. setStrokeWidth (2f); path = new Path (); bitmap_point = BitmapFactory. decodeResource (getResources (), R. drawable. icon_point_blue); setLayoutParams (new LayoutParams (int) (this. milliliter. size () * interval_left_right), LayoutParams. MATCH_PARENT);}/*** remove the Left and Right zero data ** @ return */public List
    
     
DelZero (List
     
      
Milliliter) {List
      
        List = new ArrayList
       
         (); Int sta = 0; int end = 0; for (int I = 0; I <milliliter. size (); I ++) {if (milliliter. get (I )! = 0) {sta = I; break ;}for (int I = milliliter. size ()-1; I> = 0; I --) {if (milliliter. get (I )! = 0) {end = I; break ;}for (int I = 0; I <milliliter. size (); I ++) {if (I> = sta & I <= end) {list. add (milliliter. get (I) ;}} time_index = sta; // dotted_text = (Collections. max (milliliter)-Collections. min (milliliter)/12.0f * 5.0f); return list;} protected void onDraw (Canvas c) {if (null = milliliter | milliliter. size () = 0) return; drawStraightLine (c); drawBrokenLine (c); drawDate (c);}/*** draw a vertical line * * @ Param c */public void drawStraightLine (Canvas c) {int count_line = 0; for (int I = 0; I <milliliter. size (); I ++) {if (I = 0) {// draw the Y axis c. drawLine (interval_left_right * I, 0, interval_left_right * I, getHeight ()-margin_bottom, paint_date); for (int j = 0; j <10; j ++) {c. drawText (String. valueOf (10 * (j + 1), 0, (getHeight ()-margin_bottom)/10 * (10-(j + 1), paint_date ); if (j = 5) {// draw the dotted line paint_dottedline.setC Olor (orangeLineColor); Path path = new Path (); path. moveTo (0, (getHeight ()-margin_bottom)/10 * (10-(j + 1); path. lineTo (getWidth (), (getHeight ()-margin_bottom)/10 * (10-(j + 1 ))); pathEffect effects = new DashPathEffect (new float [] {tb * 0.3f, tb * 0.3f, tb * 0.3f, tb * 0.3f}, tb * 0.1f); effect (effects); c. drawPath (path, paint_dottedline) ;}} continue ;}// draw four consecutive bars as a set of paint_dottedline.s EtColor (fineLineColor); if (count_line = 0) {c. drawLine (interval_left_right * I, 0, interval_left_right * I, getHeight ()-margin_bottom, paint_date);} if (count_line = 2) {c. drawLine (interval_left_right * I, tb * 1.5f, interval_left_right * I, getHeight ()-margin_bottom, paint_date);} if (count_line = 1 | count_line = 3) {Path path = new Path (); path. moveTo (interval_left_right * I, tb * 1.5f); p Ath. lineTo (interval_left_right * I, getHeight ()-margin_bottom); PathEffect effects = new DashPathEffect (new float [] {tb * 0.3f, tb * 0.3f, tb * 0.3f, tb * 0.3f}, tb * 0.1f); paint_dottedline.setPathEffect (effects); c. drawPath (path, paint_dottedline);} count_line ++; if (count_line> = 4) {count_line = 0 ;}// draw the X axis c. drawLine (0, getHeight ()-margin_bottom, getWidth (), getHeight ()-margin_bottom, paint _ Brokenline_big);}/*** draw a line ** @ param c */public void drawBrokenLine (Canvas c) {int index = 0; float temp_x = 0; float temp_y = 0; // float base = (getHeight ()-tb * 3.0f)/(Collections. max (milliliter)-Collections. min (milliliter); float base = (getHeight ()-margin_bottom)/100; Shader mShader = new LinearGradient (0, 0, 0, getHeight (), new int [] {Color. argb (100, 0,255,255), Color. argb (45, 0, 25 5,255), Color. argb (10, 0,255,255)}, null, Shader. tileMode. CLAMP); framPanint. setShader (mShader); for (int I = 0; I <milliliter. size ()-1; I ++) {Log. e (I, + milliliter. get (I); float x1 = interval_left_right * I; float y1 = getHeight ()-margin_bottom-(base * milliliter. get (I); float Y1 = milliliter. get (I); float x2 = interval_left_right * (I + 1); float y2 = getHeight ()-margin_bottom-(base * mi Lliliter. get (I + 1); float Y2 = milliliter. get (I + 1); if (int) (base * milliliter. get (I + 1) = 0 & index = 0) {index ++; temp_x = x1; temp_y = y1 ;}if (int) (base * milliliter. get (I + 1 ))! = 0 & index! = 0) {index = 0; x1 = temp_x; y1 = temp_y;} paint_date.setColor (orangeLineColor); if (I = 0) c. drawText (String. valueOf (Y1), x1, y1, paint_date); // plot the size of the first value if (index = 0) {c. drawText (String. valueOf (Y2), x2, y2, paint_date); // plot the size of the I + 1 value c. drawLine (x1, y1, x2, y2, paint_brokenLine); path. lineTo (x1, y1); if (I! = 0) c. drawBitmap (bitmap_point, x1-bitmap_point.getWidth ()/2, y1-bitmap_point.getHeight ()/2, null); if (I = milliliter. size ()-2) {path. lineTo (x2, y2); path. lineTo (x2, getHeight (); path. lineTo (0, getHeight (); path. close (); c. drawPath (path, framPanint); c. drawBitmap (bitmap_point, x2-bitmap_point.getWidth ()/2, y2-bitmap_point.getHeight ()/2, null) ;}} paint_date.setColor (fineLineColor );} /*** draw time ** @ param c */public void drawDate (Canvas c) {Date date Date = new Date (); // set the time to Calendar calendar = new GregorianCalendar (); calendar. setTime (date); SimpleDateFormat dateFormat = new SimpleDateFormat (MM-dd); String [] dates = new String [milliliter. size ()]; for (int I = 0; I <milliliter. size (); I ++) {calendar. add (calendar. DATE, 1); // Add a day after the DATE. the integer is pushed back, and the negative number moves forward date = calendar ar. getTime (); // this time is the result of one day after the date. dates [I] = dateFormat. format (date ). toString () ;}for (int I = 0; I <milliliter. size (); I + = 1) {paint_date.setStrokeWidth (tb * 2.8f); c. drawText (dates [I], interval_left_right * I, getHeight (), paint_date );}}}
       
      
     
    
   
  
 

Activity:

 

 

Import java. util. arrayList; import java. util. list; import android. app. activity; import android. OS. bundle; import android. util. log; import android. widget. relativeLayout; import com. qianhua. healthy_brain.R; import com. qianhua. healthy_brain.widget.BrokenLine; public class TrainResultActivity extends Activity {RelativeLayout linear; @ Overrideprotected void onCreate (Bundle savedInstanceState) {// TODO Auto-generated method stubsuper. onCreate (savedInstanceState); setContentView (R. layout. train_result); List
 
  
Lists = new ArrayList
  
   
(); // Linear graph range: 0-100for (int I = 0; I <48; I ++) {if (I <8 | I = 28 | I = 12 | I = 18 | I = 20 | I = 30 | I = = 34) {lists. add (0) ;}else {// int item = getRandom (0,100); // Log. w (+ I, + item); lists. add (getRandom (0,100) ;}} linear = (RelativeLayout) findViewById (R. id. linear); linear. addView (new BrokenLine (this, lists);} public int getRandom (int min, int max) {return (int) Math. round (Math. random () * (max-min) + min );}}
  
 

 

Xml: