MoreLineAndBarChart
現在のフレームワーク バージョンMoreLineAndBarChart 1.0.10
あまりナンセンスではありません, 最初にレンダリングをアップロードしましょう. このフレームワークはチャートの組み合わせを提供します. 統合後, あなたは達成することができます:
- ヒストグラムを表示します (図 1)
- 複数の折れ線グラフを表示 (図 2)
- 単一の折れ線グラフを表示する (図 3)
- 折れ線グラフの各点を表示し、中実点と中点を設定します(図4)
- ヒストグラムと複数の折れ線グラフが一緒に表示されます (図 5)
- すべての効果を表示 (図 6)
使いやすい
1. 最初に jitpack.io ライブラリをプロジェクトに追加します
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
2.次に、プロジェクトに依存関係を追加します
dependencies {
implementation 'com.github.leo2777:MoreLineAndBarChart:1.0.9'
}
3. 目的のレイアウトにコントロールを追加します
<leo.work.morelineandbarchart.chart.MoreLineAndBarChart
android:id="@+id/main_chart"
android:layout_width="match_parent"
android:layout_height="300dp"/>
4. コントロールをバインドしたら、データを設定できます
moreLineAndBarChart=findViewById(R.id.main_chart);
//.......
//设置假数据
Random random=new Random();
List<Float> value1=new ArrayList<>();
List<Float> value2=new ArrayList<>();
List<Float> value3=new ArrayList<>();
List<Float> barValue=new ArrayList<>();
List<String > bottomValue=new ArrayList<>();
for (int i=0;i<5;i++){
value1.add((float) random.nextInt(60));
value2.add((float) random.nextInt(40));
value3.add((float) random.nextInt(5));
barValue.add((float) random.nextInt(50));
bottomValue.add("指标");
}
moreLineAndBarChart.setBottomValues(bottomValue);//设置底部数据
moreLineAndBarChart.setLinesData(value1,value2,value3);//设置折线图数据,
moreLineAndBarChart.setBarChartValues(barValue);//设置柱状图数据
moreLineAndBarChart.setLinesColors(Color.BLUE,Color.YELLOW,Color.RED);//设置折线的颜色,不设置会有默认,但是一旦设置需和上面的折线图的条数一样。
moreLineAndBarChart.setLineWidth(4f);//设置折线图宽度
moreLineAndBarChart.setDrawPoint(true);//绘制点
moreLineAndBarChart.setSolid(true);//设置是否空心,搭配绘制点
moreLineAndBarChart.setDrawBar(true);//设置是否绘制柱状图,不添加柱状图数据也有同样效果
moreLineAndBarChart.setShowGrid(true);//是否绘制表格线,目前只有横向分割线
moreLineAndBarChart.setShowLineValue(true);//是否显示折线图每个点的数值(当点太多的时候不生效)
//.......等等,具体看下方
//设置完数据之后调用刷新,否则不生效。
moreLineAndBarChart.invalidateChart();
高度な使用
1.レイアウトファイルに必要なプロパティを直接設定できます
<leo.work.morelineandbarchart.chart.MoreLineAndBarChart
android:id="@+id/main_chart"
android:layout_width="match_parent"
android:layout_height="300dp"
app:chart_is_slide_point="true"
app:chart_bottom_text_color="@color/colorPrimary"
app:chart_is_show_grid="true"
app:chart_bottom_padding="10dp"
app:chart_line_size="1dp"/>
2. フレームワークに設定できる属性
//左边显示的指标数
<attr name="chart_left_index_num" format="integer"/>
//左边指数的字体大小
<attr name="chart_left_index_text_size" format="dimension"/>
//下方指标的字体大小
<attr name="chart_bottom_text_size" format="dimension"/>
//中间某一点的值具体大小
<attr name="chart_center_text_size" format="dimension"/>
//折线图线的大小
<attr name="chart_line_size" format="dimension"/>
//表格分割线具体大小
<attr name="chart_grid_size" format="dimension"/>
//底部线的具体大小
<attr name="chart_bottom_line_size" format="dimension"/>
//左边指标的距离
<attr name="chart_left_index_padding" format="dimension"/>
//图表上方的距离
<attr name="chart_chart_top_padding" format="dimension"/>
//图表下方的距离
<attr name="chart_bottom_padding" format="dimension"/>
//左边指标的具体颜色
<attr name="chart_left_index_text_color" format="color"/>
//中间值的颜色
<attr name="chart_center_index_text_color" format="color"/>
//下方指标的颜色
<attr name="chart_bottom_text_color" format="color"/>
//柱状图的颜色
<attr name="chart_bar_color" format="color"/>
//分割线的颜色
<attr name="chart_grid_color" format="color"/>
//底部线的颜色
<attr name="chart_bottom_line_color" format="color"/>
//折线的颜色
<attr name="chart_line_color" format="color"/>
//图表的背景颜色
<attr name="chart_background_color" format="color"/>
//中心点的颜色(点为空心)
<attr name="chart_line_point_center_color" format="color"/>
//是否显示柱状图
<attr name="chart_is_show_bar_chart" format="boolean"/>
//是否画点
<attr name="chart_is_draw_point" format="boolean"/>
//绘制的点是否空心
<attr name="chart_is_slide_point" format="boolean"/>
//是否显示折线图都一点的值
<attr name="chart_is_show_index_text" format="boolean"/>
//是否显示分割线
<attr name="chart_is_show_grid" format="boolean"/>
質問や提案がある場合は、直接の嫌がらせ、コメント、プライベート メッセージを歓迎します。