适配AUTO(AutoLayout)
view.setAuto(boolean);//默认开启
usage(demo)
compile 'com.vinctor:vcharts:x.y.z'
lastest version：x.y.z->
添加至xml中
<com.vinctor.vchartviews.radar.RadarChart
android:id="@+id/radarview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
java代码中
radarView.setCount(6)//多边形几条边
.setDensity(6)//雷达图蜘蛛网密度
.setMinAndMax(0, 100)//最小与最大值
.setAlpha(150)//雷达图数据遮盖透明度
.clearData()//清楚数据
.setList(list)//设置数据
.addData(data)//添加数据
.setTitleTextSize(30)//雷达边角标题文字大小(px)默认30
.setTagTextSize(30)//雷达刻度文字大小
.setTitles(new String[]{"语文", "数学", "英语", "物理", "化学", "生物"})//边角文字
.commit();//以上设置需要此方法才能生效
添加至xml中
<com.vinctor.vchartviews.bar.BarCharSingle
android:id="@+id/bar"
android:layout_width="match_parent"
android:layout_height="400dp"
app:barTextSize="28px"
app:barTitleMargin="28px"
app:barWidth="58px"
app:density="5"
app:gradutaionColor="@color/$d2d2d2"
app:gradutaionLineWidth="2px"
app:gradutionTextSize="26px"
app:max="100"
app:min="0"
app:titleColor="@color/$999999"
app:titleTextSize="32px"/>
java代码中
singleBar = (BarCharSingle) findViewById(R.id.bar_single);
singleBar.setShowGraduation(true)
.setMinAndMax(50, 100)
.setDensity(4)//数值方向的刻度密度
.setBarWidth(30)//柱状图宽度.默认为宽度的1/10
.setGraduationTextSize(30)//左侧刻度的文字大小
.setTitleTextSize(30)//底部文字大小
.setBarTextSize(30)//柱状图上方数字大小
.commit();
singleBar.setData(new BarDataSingle("语文", 0, Color.BLUE))
.addData(new BarDataSingle("数学", 80, Color.RED))
.addData(new BarDataSingle("英语", 120, Color.MAGENTA))
.addData(new BarDataSingle("物理", 60, Color.GREEN))
.commit();
添加至xml中
<com.vinctor.vchartviews.bar.BarCharMulti
android:id="@+id/bar"
android:layout_width="match_parent"
android:layout_height="500px"
android:layout_marginTop="34px"
app:barTextSize="28px"
app:barTitleMargin="28px"
app:barWidth="58px"
app:density="5"
app:gradutaionColor="@color/$d2d2d2"
app:gradutaionLineWidth="2px"
app:gradutionTextSize="26px"
app:max="100"
app:min="0"
app:titleColor="@color/$999999"
app:titleTextSize="32px" />
java代码中
multiBar = (BarCharMulti) findViewById(R.id.bar_multi);
multiBar.setShowGraduation(true)
.setMinAndMax(0, 100)
.setShowGraduation(false)
.setDensity(4)//数值方向的刻度密度
.setBarWidth(30)//柱状图宽度.默认为宽度的1/10
.setGraduationTextSize(30)//左侧刻度的文字大小
.setTitleTextSize(30)//底部文字大小
.setBarTextSize(30)//柱状图上方数字大小
.commit();
List<SingleData> singles = new ArrayList<>();
singles.add(new SingleData(90, Color.BLUE));
singles.add(new SingleData(80, Color.RED));
singles.add(new SingleData(40, Color.DKGRAY));
List<SingleData> singles2 = new ArrayList<>();
singles2.add(new SingleData(120, Color.MAGENTA));
singles2.add(new SingleData(60, Color.GREEN));
singles2.add(new SingleData(30, Color.CYAN));
multiBar.setBarGroupCount(3)//设置每组中柱状图的个数
.addData(new BarDataMulti(singles, "语文"))
.addData(new BarDataMulti(singles2, "数学"))
.commit();
添加至xml中
<com.vinctor.vchartviews.line.LineChart
android:id="@+id/line"
android:layout_width="match_parent"
android:layout_height="500px"
android:layout_marginTop="34px"
app:lineGradutaionColor="@color/$d2d2d2"
app:lineGradutaionLineWidth="2px"
app:lineGradutionTextSize="26px"
app:circleClickOffset="12px"//点击区域偏移
app:lineMax="100"
app:lineMin="0"
app:lineTitleColor="@color/$9b9b9b"
app:lineTitleTextSize="32px"
app:linedensity="5" />
java中
line.setDensity(5)
.setShowAnimation(true)//动画
.setTitleTextSize(30)//底部标题大小
.setLineSmoothness(0.3f)//折线平滑度
.setCoordinateTextSize(30)//刻度文字大小
.setShowTag(false)//点击圆圈是否显示tag
.setCoorinateColor(0xff888888)//刻度文字颜色
.setLineStrokeWidth(8)//网格线宽度
.setTitles(new String[]{"语文", "数学", "英语", "物理", "化学"})//底部标题,需与折线数据长度一致
.setTitleTextSize(30)//底部标题文字大小
.setMinAndMax(-100, 100)
.addData(new LineData(new int[]{20, 50, 20, 70, 0}, 0xff61B6E7))//需与title长度一致
.addData(new LineData(new int[]{30, 80, 50, 60, 100}, 0xffF8AC58))
.addData(new LineData(new int[]{-10, 30, 60, 80, 1500}, 0xffF593A0))
.commit();
//底部title点击事件
line.setOnTitleClickListener(new LineChart.OnTitleClickListener() {
@Override
public void onClick(LineChart linechart, String title, int index) {
ToastUtil.show(title + "index--" + index);
}
});
xml中
<com.vinctor.vchartviews.ring.RingChart
android:id="@+id/pie"
android:layout_width="match_parent"
android:layout_height="400dp" />
java:
chart = (RingChart) findViewById(R.id.pie);
List<Data> datas = new ArrayList<>();
datas.add(new Data(1, "1人掌握"));
datas.add(new Data(17, "17人掌握"));
datas.add(new Data(17, "17人掌握"));
datas.add(new Data(2, "2人掌握"));
datas.add(new Data(3, "3人掌握"));
datas.add(new Data(16, "16人掌握"));
datas.add(new Data(17, "17人掌握"));
datas.add(new Data(1, "1人掌握"));
chart.setMaxRingWidth(100)
.setMinRingWidth(70)
.setData(new RingData(datas,
new int[]{0xff5EB9EE, 0xffC9E9FE, 0xff3B8DBD, 0xff31769F, Color.GREEN, Color.CYAN, 0xff3176eF, 0xff3f769F,}));
<com.vinctor.vchartviews.diagram.DiagramView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:content="图例"
app:contentColor="#9b9b9b"
app:contentMargin="14px"
app:contentSize="24px"
app:viewColor="#9b9b9b"
app:viewSize="20px" />
xml中
<com.vinctor.vchartviews.diagram.DiagramFlowLayout
android:id="@+id/flowlayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="18px"
app:contentColor="#9b9b9b"
app:contentMargin="14px"
app:contentSize="24px"
app:viewSize="20px" />
java中
DiagramFlowLayout flowLayout = (DiagramFlowLayout) findViewById(R.id.flowlayout);
List<DiagramData> list = new ArrayList<>();
list.add(new DiagramData(0xff3B8DBD, "0~25个知识点"));
list.add(new DiagramData(0xff30769F, "25~50个知识点"));
list.add(new DiagramData(0xffC8E9FE, "50~75个知识点"));
list.add(new DiagramData(0xff5EB9EE, "75~100个知识点"));
flowLayout.setList(list);
xml中
<com.vinctor.vchartviews.compare.CompareView
android:id="@+id/compare"
android:layout_width="match_parent"
android:layout_height="400px"
android:background="#ff4A90E2"
app:borderColor="#ff2f629d" //描边颜色
app:circleStrokeWidth="8px" //圆形描边宽度
app:imgRes="@mipmap/ic_launcher"//中间图片
app:lineColor="#ffffffff" //底部线条颜色
app:lineStrokeWidth="8px" //底部线条宽度
app:maxNum="100" //最大
app:minNum="0" //最小
app:moreDataColor="#ffff7e76" //两者中较大的数据条填充颜色
app:progressHeight="30px" //数据条高度
app:progressStrokeWidth="2px" //数据条描边宽度
app:radius="70px" /> //中间圆形半径
xml中
<com.vinctor.vchartviews.sector.SectorView
android:id="@+id/view"
android:layout_width="match_parent"
android:layout_height="400dp" />
java中
view = (SectorView) findViewById(R.id.view);
view.setOnShowDescriptionLinstener(new SectorView.OnShowDescriptionLinstener() {
@Override
public String onShowDes(int num) {
return num + "个知识点";
}
});
view.setDescriptionTextSize(30)
.setBorderWidth(8)
.setData(new SectorData(120, 0xff2CB072, 0xff186D45, Color.WHITE))
.addData(new SectorData(60, 0xffDDF4E9, 0xff2CB072, 0xff186D45))
.commit();
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent