Android Chart Class Library: Williamchart
Last Update:2015-08-19
Source: Internet
Author: User
<span id="Label3"></p><p><p>Williamchart is a view-based Android chart library that helps developers implement line, histogram, and stacked histogram in Android Applications. When the value changes, the chart also changes with the effect of the Animation.</p></p><p><p>At the moment it provides:</p></p> <ul class="task-list"> <ul class="task-list"> <li><code>LineChartView</code></li> </ul> </ul><p><p></p></p> <ul class="task-list"> <ul class="task-list"> <li><code>BarChartView</code></li> </ul> </ul><p><p></p></p> <ul class="task-list"> <ul class="task-list"> <li><code>StackBarChartView</code></li> </ul> </ul><p><p></p></p><p><p>Instructions for Use:<br>Creating a new chart requires an axis that inherits from chartview, while implementing some of the necessary methods. I think these methods are enough for you to draw any effect you want.<br>XML file</p></p><p><p></p></p>? <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter">12345678910111213141516171819</td> <td class="code"><code class="xml plain"><code class="xml plain"><</code></code><code class="xml keyword"><code class="xml keyword">com.db.chart.view.ChartView</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">xmlns:chart</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"http://schemas.android.com/apk/res-auto"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">android:layout_width</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"match_parent"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">android:layout_height</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"dp"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml plain"><code class="xml plain">...</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_shadowDx</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"dp"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_shadowDy</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"dp"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_shadowRadius</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"dp"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_shadowColor</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"color"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_fontSize</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"dp"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_typeface</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"typeface"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_axisBorderSpacing</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"dp"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_axisThickness</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"dp"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_axisTopSpacing</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"dp"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_axisColor</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"color"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_axisX</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"boolean"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_label</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"boolean"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml color1"><code class="xml color1">chart:chart_labelColor</code></code><code class="xml plain"><code class="xml plain">=</code></code><code class="xml string"><code class="xml string">"color"</code></code><code class="xml spaces"><code class="xml spaces"> </code></code><code class="xml plain"><code class="xml plain">/></code></code></td> </tr> </tbody> </table>? <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter">123456789101112131415161718192021222324</td> <td class="code"><code class="java comments"><code class="java comments">// Customize labels</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setLabels(NONE/OUTSIDE/INSIDE)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setLabelColor(color)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setFontSize(integer)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setTypeface(typeface)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java comments"><code class="java comments">// Define grid</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setGrid(paint)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setHorizontalGrid(paint)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setVerticalGrid(paint)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java comments"><code class="java comments">// Show threshold line</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setThresholdLine(</code></code><code class="java keyword"><code class="java keyword">float</code></code><code class="java plain"><code class="java plain">, paint)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setMaxAxisValue(integer, integer)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setStep(integer)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setTopSpacing(dimen)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setBorderSpacing(dimen)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.setAxisX(</code></code><code class="java keyword"><code class="java keyword">boolean</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.show()</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java comments"><code class="java comments">// Update values of a given set</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.updateValues(</code></code><code class="java keyword"><code class="java keyword">int</code></code><code class="java plain"><code class="java plain">, array)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java comments"><code class="java comments">// Notify chart about updated values</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.notifyDataUpdate()</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java comments"><code class="java comments">// Tooltip support</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.showTooltip(view)</code></code><code class="java spaces"><code class="java spaces"> </code></code><code class="java plain"><code class="java plain">chart.dismissTooltip(view)</code></code></td> </tr> </tbody> </table><p><p><strong>Linechart</strong>(with ellipses for the same part as Above)</p></p>? <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter">123</td> <td class="code"><code class="xml plain"><</code><code class="xml keyword">com.db.chart.LineChartView</code><code class="xml plain">...</code><code class="xml plain">/></code></td> </tr> </tbody> </table>Java code:<p><p></p></p>? <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter">12345678910111213141516171819</td> <td class="code"><code class="java plain"><code class="java plain">LineChartView chartView= </code></code><code class="java keyword"><code class="java keyword">new</code></code> <code class="java plain"><code class="java plain">LineChartView()</code></code><code class="java plain"><code class="java plain">LineSet lineSet = </code></code><code class="java keyword"><code class="java keyword">new</code></code> <code class="java plain"><code class="java plain">LineSet()</code></code><code class="java plain"><code class="java plain">lineSet.addPoint(</code></code><code class="java keyword"><code class="java keyword">new</code></code> <code class="java plain"><code class="java plain">Point(string, </code></code><code class="java keyword"><code class="java keyword">float</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java comments"><code class="java comments">// Style dots</code></code><code class="java plain"><code class="java plain">lineSet.setDots(</code></code><code class="java keyword"><code class="java keyword">boolean</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java plain"><code class="java plain">lineSet.setDotsColor(color)</code></code><code class="java plain"><code class="java plain">lineSet.setDotsRadius(dimen)</code></code><code class="java plain"><code class="java plain">lineSet.setDotsStrokeThickness(dimen)</code></code><code class="java plain"><code class="java plain">lineSet.setDotsStrokeColor(color)</code></code><code class="java comments"><code class="java comments">// Style line</code></code><code class="java plain"><code class="java plain">lineSet.setLineThickness(dimen)</code></code><code class="java plain"><code class="java plain">lineSet.setLineColor(color)</code></code><code class="java comments"><code class="java comments">// Style background fill</code></code><code class="java plain"><code class="java plain">lineSet.setFill(</code></code><code class="java keyword"><code class="java keyword">boolean</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java plain"><code class="java plain">lineSet.setFillColor(color)</code></code><code class="java comments"><code class="java comments">// Style type</code></code><code class="java plain"><code class="java plain">lineSet.setDashed(</code></code><code class="java keyword"><code class="java keyword">boolean</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java plain"><code class="java plain">lineSet.setSmooth(</code></code><code class="java keyword"><code class="java keyword">boolean</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java plain"><code class="java plain">chartView.addData(lineSet)</code></code></td> </tr> </tbody> </table><p><p><strong>Barchart & Stackbarchart</strong></p></p>? <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter">12345</td> <td class="code"><code class="xml plain"><</code><code class="xml keyword">com.db.chart.BarChartView</code><code class="xml plain">...</code><code class="xml color1">chart:chart_barSpacing</code><code class="xml plain">=</code><code class="xml string">"dp"</code><code class="xml color1">chart:chart_setSpacing</code><code class="xml plain">=</code><code class="xml string">"dp"</code><code class="xml plain">/></code></td> </tr> </tbody> </table><p><p>Java code</p></p>? <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter">1234567891011</td> <td class="code"><code class="java plain"><code class="java plain">BarChartView chartView = </code></code><code class="java keyword"><code class="java keyword">new</code></code> <code class="java plain"><code class="java plain">BarcChartView()</code></code><code class="java plain"><code class="java plain">barChart.setBarSpacing(dimen)</code></code><code class="java plain"><code class="java plain">barChart.setSetSpacing(dimen)</code></code><code class="java plain"><code class="java plain">barChart.setBarBackground(</code></code><code class="java keyword"><code class="java keyword">boolean</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java plain"><code class="java plain">barChart.setBarBackgroundColor(color)</code></code><code class="java plain"><code class="java plain">barChart.setRoundCorners(dimen)</code></code><code class="java plain"><code class="java plain">BarSet barSet = </code></code><code class="java keyword"><code class="java keyword">new</code></code> <code class="java plain"><code class="java plain">BarSet()</code></code><code class="java plain"><code class="java plain">Bar bar = </code></code><code class="java keyword"><code class="java keyword">new</code></code> <code class="java plain"><code class="java plain">Bar(string, </code></code><code class="java keyword"><code class="java keyword">float</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java plain"><code class="java plain">bar.setColor(color)</code></code><code class="java plain"><code class="java plain">barSet.addBar(bar)</code></code><code class="java plain"><code class="java plain">chartView.addData(barSet)</code></code></td> </tr> </tbody> </table><p><p><strong>Settings for Listener</strong></p></p>? <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter">123456 </td> <td class="code"><code class="java plain">chart.setonentryclicklistener ( </code> <code class="java keyword">new </code> <code class="java plain">onentryclicklistener () {</code> <code class="java spaces"> </code> <code class="java color1"> @Override </code> <code class="java spaces"> </code> <code class="java keyword">public </code> <code class="java keyword">void </code> <code class="java plain">onclick (</code> <code class="java keyword">int </code> <code class="java plain">setindex , </code> <code class="java keyword">int </code> <code class="java plain">entryindex, Rect Entryrect) {</code> Code class= "java spaces" > <code class="java comments">//do things </code> <code class="java spaces"> </code> <code class="java plain"> </code> <code class="java spaces"> </code> <code class="java plain">}); </code> </td> </tr> </tbody> </table><p><p><strong>Animation</strong></p></p>? <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter">123456789101112</td> <td class="code"><code class="java plain"><code class="java plain">Animation anim = </code></code><code class="java keyword"><code class="java keyword">new</code></code> <code class="java plain"><code class="java plain">Animation()</code></code><code class="java plain"><code class="java plain">anim.setDuration(integer)</code></code><code class="java plain"><code class="java plain">anim.setEasing(easingFunction)</code></code><code class="java plain"><code class="java plain">anim.setEndAction(runnable)</code></code><code class="java comments"><code class="java comments">// Animation overlap between entries</code></code><code class="java plain"><code class="java plain">anim.setOverlap(</code></code><code class="java keyword"><code class="java keyword">float</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java comments"><code class="java comments">// Animation starting point</code></code><code class="java plain"><code class="java plain">anim.setStartPoint(</code></code><code class="java keyword"><code class="java keyword">float</code></code><code class="java plain"><code class="java plain">, </code></code><code class="java keyword"><code class="java keyword">float</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java comments"><code class="java comments">// Include alpha transition</code></code><code class="java plain"><code class="java plain">anim.setAlpha(</code></code><code class="java keyword"><code class="java keyword">int</code></code><code class="java plain"><code class="java plain">)</code></code><code class="java comments"><code class="java comments">// Starts animation</code></code><code class="java plain"><code class="java plain">chart.animate(animation)</code></code></td> </tr> </tbody> </table><p><p><strong>Project Home:</strong>http://www.open-open.com/lib/view/home/1413855326965</p></p>diogobernardino/williamchartwatch1561 Fork295<p class="description"><p class="description"><strong>Project Description:</strong> Android Library to create Charts. -view More ...</p></p><p class="link"><p class="link"></p></p><br> <table class="issues" style="width: 100%;"> <tbody> <tr> <td colspan="2"><strong>List of Issues:</strong></td> </tr> <tr> <td class="number" width="30">#69</td> <td class="info">Set Dots missing</td> <td class="author" align="right" width="200">by DOUGLASD3 <em>2015-08-19</em></td> </tr> <tr> <td class="number" width="30">#61</td> <td class="info">Not showing anything @ all</td> <td class="author" align="right" width="200">by ph1b <em>2015-08-16</em></td> </tr> <tr> <td class="number" width="30">#50</td> <td class="info">Can I set YAxis Label to right?</td> <td class="author" align="right" width="200">by xu6148152 <em>2015-06-07</em></td> </tr> <tr> <td class="number" width="30">#29</td> <td class="info">Support Candlestickchart View</td> <td class="author" align="right" width="200">by Archinamon <em>2015-01-14</em></td> </tr> <tr> <td class="number" width="30">#28</td> <td class="info">Consider support for pie charts</td> <td class="author" align="right" width="200">by Tuliohmendes <em>2015-07-29</em></td> </tr> </tbody> </table><p class="updated"><p class="updated"><strong>main</strong> Branch code update time: 2015-08-16</p></p><p class="updated"><p class="updated">Development Language: Java</p></p>Zip file download<p><p>Android Chart Class Library: Williamchart</p></p></span>