Skip to content

Repository files navigation

LeafChart

##一、折线图

###设置

坐标轴

  • Axis.setAxisColor 坐标轴颜色
  • Axis.setAxisWidth 坐标轴宽度
  • Axis.setTextSize 坐标轴刻度字体大小
  • Axis.setTextColor 坐标轴刻度字体颜色

折线@LeafLineChart

  • Line.setLineWidth 折线宽度
  • Line.setLineColor 折线颜色
  • Line.setPointRadius 点的大小
  • Line.setPointColor 点的颜色
  • Line.setHasLabels 是否有标签
  • Line.setLabelColor 标签背景色
  • Line.setLabelRadius 标签弧度
  • Line.setFill 是否填充
  • Line.setFillColor 填充颜色(默认为有透明度的折线颜色)

SlideSelectLineChart

  • SlidingLine.setOpenSlideSelect 是否开启滑动选值
  • SlidingLine.setDash 移动标尺线是否是虚线
  • SlidingLine.setSlideLineColor 移动标尺线颜色
  • SlidingLine.setSlideLineWidth 移动标尺线宽度
  • SlidingLine.setSlidePointRadius 移动标尺线顶端圆点半径
  • SlidingLine.setSlidePointColor 移动标尺线顶端圆点颜色

###自定义属性

属性名说明默认值
lc_leftPadding左间距20dp
lc_topPadding上间距10dp
lc_rightPadding右间距10dp
lc_bottomPadding下间距20dp
lc_startMarginX第一个点x轴方向起始位置0dp
lc_startMarginY第一个点y轴方向起始位置0dp
lc_coordinateMode坐标轴相交模式Mode.INTERSEC

###效果图

  • 坐标轴相交模式 坐标轴相交模式

  • LeafChart

截图1

截图2

  • 多线条支持

多线条支持

  • 移动选值

移动选值

###LeafLineChart使用

 <com.beiing.leafchart.LeafLineChartandroid:id="@+id/leaf_chart"android:layout_width="match_parent"android:layout_height="300dp"android:background="#ffffff"/>

初始化X轴数据:

privateList<AxisValue> getAxisValuesX(){
List<AxisValue> axisValues = newArrayList<>();
for (inti = 1; i <= 12; i++) {
AxisValuevalue = newAxisValue();
value.setLabel(i + "月");
axisValues.add(value);
}
returnaxisValues;
}

初始化Y轴数据:

privateList<AxisValue> getAxisValuesY(){
List<AxisValue> axisValues = newArrayList<>();
for (inti = 0; i < 11; i++) {
AxisValuevalue = newAxisValue();
value.setLabel(String.valueOf(i * 10));
axisValues.add(value);
}
returnaxisValues;
}

初始化点数据和相关设置:

privateLinegetFoldLine(){
List<PointValue> pointValues = newArrayList<>();
for (inti = 1; i <= 12; i++) {
PointValuepointValue = newPointValue();
pointValue.setX( (i - 1) / 11f);
floatvar = (float) (Math.random() * 100);
pointValue.setLabel(String.valueOf(var));
pointValue.setY(var / 100);
pointValues.add(pointValue);
}
Lineline = newLine(pointValues);
line.setLineColor(Color.parseColor("#33B5E5")).setPointColor(Color.YELLOW).
setCubic(false).setPointRadius(3).setHasLabels(true)
.setFill(false);
returnline;
}

图表设置数据:

AxisaxisX = newAxis(getAxisValuesX());
axisX.setAxisColor(Color.parseColor("#33B5E5")).setTextColor(Color.DKGRAY).setHasLines(true);
AxisaxisY = newAxis(getAxisValuesY());
axisY.setAxisColor(Color.parseColor("#33B5E5")).setTextColor(Color.DKGRAY).setHasLines(true).setShowText(true);
lineChart.setAxisX(axisX);
lineChart.setAxisY(axisY);
List<Line> lines = newArrayList<>();
lines.add(getFoldLine());
lines.add(getCompareLine());
lineChart.setChartData(lines);
lineChart.showWithAnimation(3000);
//无动画//lineChart.show();

###SlideSelectLineChart使用

初始化X轴数据(注意:如果想在滑动选值的时候能正确返回点对应x轴刻度,不要忘了调用setLabel方法):

privateList<AxisValue> getAxisValuesX(){
List<AxisValue> axisValues = newArrayList<>();
for (inti = 1; i <= 12; i++) {
AxisValuevalue = newAxisValue();
value.setLabel(i + "月");
axisValues.add(value);
}
returnaxisValues;
}

初始化Y轴数据: (同上)

初始化点数据和相关设置: (同上)

初始化标尺线:

privateSlidingLinegetSlideingLine(){
SlidingLineslidingLine = newSlidingLine();
slidingLine.setSlideLineColor(getResources().getColor(R.color.colorAccent))
.setSlidePointColor(getResources().getColor(R.color.colorAccent))
.setSlidePointRadius(3);
returnslidingLine;
}

图表设置数据:

privatevoidinitLineChart() {
AxisaxisX = newAxis(getAxisValuesX());
axisX.setAxisColor(Color.parseColor("#33B5E5")).setTextColor(Color.DKGRAY).setHasLines(false).setShowText(false);
AxisaxisY = newAxis(getAxisValuesY());
axisY.setAxisColor(Color.parseColor("#33B5E5")).setTextColor(Color.DKGRAY).setHasLines(false).setShowText(true);
slideSelectLineChart.setAxisX(axisX);
slideSelectLineChart.setAxisY(axisY);
slideSelectLineChart.setSlideLine(getSlideingLine());
slideSelectLineChart.setChartData(getFoldLine());
slideSelectLineChart.show();
}

二、直方图

使用类似折线图

设置

  • Square.setWidth 直方图宽度
  • Square.setBorderWidth 边框宽度
  • Square.setBorderColor 边框颜色
  • Square.setFill 是否填充
  • Square.setHasLabels 是否有标签
  • Square.setLabelColor 标签背景色
  • Square.setLabelRadius 标签弧度

效果图

square

square

#License

 Copyright 2016 LineChen <15764230067@163.com>
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

About

小型图表库-折线统计图、直方统计图

Resources

Stars

97 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors

Languages