williamchart 属性记录

本贴最后更新于 2747 天前,其中的信息可能已经水流花落

williamchart 是一个Android的库来创建图表。

是一个相对来说轻量级的Charts库。分为线性 柱形,饼状。他们全部集成与ChartView

ChartView 属性

添加数据

chartView.addData(set)

chartView.addData(ArrayList<set>)

展示

chart.show(opt:index)

取消展示

chart.dismiss(opt:index)

更新数据

chart.updateValues(index, float[])

chart.notifyDataUpdate()

自定义样式:

xy轴的显示

chart.setAxisX(boolean)

chart.setAxisY(boolean)

  • Thickness -厚度

    chart:chart_axisThickness="dp" chart.setAxisThickness(dimen)

  • Spacing - 这两个边界间距和外边框的间距。

    chart:chart_axisBorderSpacing="dp" chart.setBorderSpacing(dimen)

    chart:chart_axisTopSpacing="dp" chart.setTopSpacing(dimen)

  • Color

    chart:chart_axisColor="color" chart.setAxisColor(color)

  • Step - 刻度值

    chart.setStep(integer)

  • Limits -限定轴的最大值和最小值。

  • chart.setAxisBorderValues(int, int, int)

虚线格子布局

chart.setGrid(GridType.FULL/HORIZONTAL/VERTICAL, paint)

额定水平线-沿着绘制全图二水平线。为了产生单线,开始和结束的值将是相等的。

chart.setValueThreshold(float startValue, float endValue, Paint paint)

  • Labels

    chart.setYLabels(LabelPosition.NONE/OUTSIDE/INSIDE)

    chart.setXLabels(LabelPosition.NONE/OUTSIDE/INSIDE)

    • Size

      chart:chart_fontSize="px" chart.setFontSize(integer)

    • Typeface

      chart:chart_typeface="typeface" chart.setTypeface(typeface)

    • Color

      chart:chart_labelColor="color" chart.setLabelsColor(color)

    • Format

      chart.setLabelsFormat(DecimalFormat)

    • Spacing - Set spacing between Labels and Axis. Will be applied to both X and Y.

      chart.setAxisLabelsSpacing(float)

  • Shadow - Configure the shadow of your elements (e.g. bars, points, bubbles, lines, etc).

    chart:chart_shadowDx="dp"

    chart:chart_shadowDy="dp"

    chart:chart_shadowRadius="dp"

    chart:chart_shadowColor="color"

Line Chart(线性表)

XML布局:

<com.db.chart.view.LineChartView
        xmlns:chart="http://schemas.android.com/apk/res-auto"
        android:id="@+id/linechart"
        android:layout_width="match_parent"
        android:layout_height="100dp"/>

添加数据集:


数据集是有LineSet 承载的。承载的对象是Point

 

LineSet dataset = new LineSet(String[] labels, Float[] values);  //新建承载项

dataset.addPoint(new Point(string, float))//添加Point

dataset.addPoint(string, float)//

 

  • Line

    • Type

      dataset.setDashed(intervals)

      dataset.setSmooth(boolean)

    • Thickness

      dataset.setThickness(dimen)

    • Color

      dataset.setColor(color)

    • Begin/End

      dataset.beginAt(index)

      dataset.endAt(index)

  • Fill

    dataset.setFill(color)

    dataset.setGradientFill(color[], float[])

来看代码:

  1.   chartView.reset();
  2.        LineSet data=newLineSet(mLabels,mValues[0]);
  3. //        data.setColor(Color.parseColor("#758cbb"))
  4. ////                .setFill(Color.parseColor("#2d374c"))
  5. ////                .setDotsColor(Color.parseColor("#758cbb"))
  6. //                .setThickness(4)
  7. //                .setDashed(new float[]{10f,10f})
  8. //                .beginAt(5);
  9. //        chartView.addData(data);
  10. //        data = new LineSet(mLabels, mValues[0]);
  11.        data.setColor(Color.parseColor("#51BDED"))
  12. //                .setFill(Color.parseColor("#2d374c"))//折现下面的颜色
  13. //                .setDotsColor(Color.parseColor("#ffc755"))//点的颜色
  14.                .setThickness(4)//限制线的厚度
  15. //                .endAt(6)
  16.        ;
  17.        chartView.addData(data);
  18.        Paint gridPaint =newPaint();
  19.        gridPaint.setColor(Color.parseColor("#c1c1c1"));
  20.        gridPaint.setStyle(Paint.Style.STROKE);
  21.        gridPaint.setAntiAlias(true);
  22.        gridPaint.setPathEffect(newDashPathEffect(newfloat[]{10,10},0));//虚线设置
  23.        gridPaint.setStrokeWidth(Tools.fromDpToPx(.75f));
  24.        chartView.setBorderSpacing(Tools.fromDpToPx(15))
  25.                .setAxisBorderValues(pricemin, priceMax,4)//Y周的密度
  26.                .setGrid(ChartView.GridType.HORIZONTAL,4,1, gridPaint)//虚线的走势(XY)和条数
  27.                .setYLabels(AxisController.LabelPosition.OUTSIDE)
  28.                .setLabelsColor(Color.parseColor("#858585"))
  29. //                .setXAxis(false)
  30. //                .setYAxis(false)
  31.        ;
  32.        chartView.show();
 

 

 

  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    123 引用 • 168 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...