OSCHINA-MIRROR/HarmonyOS-tpc-EazeGraph

Данный сторонний открытый исходный код был форкнут с GitHub, основная цель — модификация реализации вызовов нижних интерфейсов для использования интерфейса AIO (Alibaba Interface). Сторонняя библиотека была адаптирована для разработчиков приложений на AIO.

Форк-версия/дата: мастер / 2015/10/05.

EazeGraph — это библиотека для создания красивых диаграмм. Её основная цель — создание облегчённой библиотеки, которая проста в использовании и легко настраивается, имеет современный внешний вид.

Состояние переноса проекта: поддерживается полная функциональность компонентов.

Степень готовности: 100%.

Различия в вызовах: отсутствуют.

Импорт

Импорт из har: поместите пакет har в папку libs и добавьте в build.gradle:
```
implementation fileTree(dir: 'libs', include: ['*.har'])
```
Ссылки на библиотеку: добавьте текущий модуль в любой проект, в build.gradle нужного модуля добавьте:
```
compile project(path: ':EazeGraphLibrary')
```

или

allprojects{
repositories{
mavenCentral()
}
}
implementation 'io.openharmony.tpc.thirdlib:EazeGraph:1.0.3'

Использование

Гистограмма

XML

<BarChart
            ohos:id="$+id:barchart"
            ohos:height="256vp"
            ohos:width="match_parent"
            ohos:egBarWidth="20vp"
            ohos:egFixedBarWidth="true"
            ohos:egLegendHeight="0vp"
            ohos:egShowDecimal="true"
            ohos:egShowValues="true"
            ohos:padding="10vp"/>

Java

mBarChart = (BarChart) findComponentById(ResourceTable.Id_barchart);

mBarChart.addBar(new BarModel(2.3f, 0xFF123456));
mBarChart.addBar(new BarModel(2.f, 0xFF343456));
mBarChart.addBar(new BarModel(3.3f, 0xFF563456));
mBarChart.addBar(new BarModel(1.1f, 0xFF873F56));
mBarChart.addBar(new BarModel(2.7f, 0xFF56B7F1));
mBarChart.addBar(new BarModel(2.f, 0xFF343456));
mBarChart.addBar(new BarModel(0.4f, 0xFF1FF4AC));
mBarChart.addBar(new BarModel(1.0f, 0xFF1FF4AC));
mBarChart.addBar(new BarModel(0.5f, 0xFF1FF4AC));
mBarChart.addBar(new BarModel(4.f, 0xFF1BA4E6));
mBarChart.addBar(new BarModel(2.3f, 0xFF123456));
mBarChart.addBar(new BarModel(2.f, 0xFF343456));
mBarChart.addBar(new BarModel(3.3f, 0xFF563456));
mBarChart.addBar(new BarModel(1.1f, 0xFF873F56));
mBarChart.addBar(new BarModel(2.7f, 0xFF56B7F1));
mBarChart.addBar(new BarModel(2.f, 0xFF343456));
mBarChart.addBar(new BarModel(0.4f, 0xFF1FF4AC));
mBarChart.addBar(new BarModel(4.f, 0xFF1BA4E6));

mBarChart.startAnimation();

Сгруппированная гистограмма

XML

<StackedBarChart
        ohos:id="$+id:stackedbarchart"
        ohos:height="256vp"
        ohos:width="match_parent"
        ohos:egBarWidth="20vp"
        ohos:egEnableScroll="false"
        ohos:egFixedBarWidth="true"
        ohos:egLegendHeight="40vp"
        ohos:egShowSeparators="true"
        ohos:egShowValues="true"
        ohos:padding="10vp"/>

Java

StackedBarModel s1 = new StackedBarModel("12.4");

s1.addBar(new BarModel(2.3f, 0xFF63CBB0));
s1.addBar(new BarModel(2.3f, 0xFF56B7F1));
s1.addBar(new BarModel(2.3f, 0xFFCDA67F));

StackedBarModel s2 = new StackedBarModel("13.4");
s2.addBar(new BarModel(1.1f, 0xFF63CBB0));
s2.addBar(new BarModel(2.7f, 0xFF56B7F1));
s2.addBar(new BarModel(0.7f, 0xFFCDA67F));

StackedBarModel s3 = new StackedBarModel("14.4");

s3.addBar(new BarModel(2.3f, 0xFF63CBB0));
s3.addBar(new BarModel(2.f, 0xFF56B7F1));
s3.addBar(new BarModel(3.3f, 0xFFCDA67F));

StackedBarModel s4 = new StackedBarModel("15.4");
s4.addBar(new BarModel(1.f, 0xFF63CBB0));
s4.addBar(new BarModel(4.2f, 0xFF56B7F1));
s4.addBar(new BarModel(2.1f, 0xFFCDA67F));

StackedBarModel s5 = new StackedBarModel("16.4");

s5.addBar(new BarModel(32.3f, 0xFF63CBB0));
s5.addBar(new BarModel(12.f, 0xFF56B7F1));
s5.addBar(new BarModel(22.3f, 0xFFCDA67F));

StackedBarModel s6 = new StackedBarModel("17.4");
s6.addBar(new BarModel(3.f, 0xFF63CBB0));
s6.addBar(new BarModel(.7f, 0xFF56B7F1));
s6.addBar(new BarModel(1.7f, 0xFFCDA67F));

StackedBarModel s7 = new StackedBarModel("18.4");

s7.addBar(new BarModel(2.3f, 0xFF63CBB0));
s7.addBar(new BarModel(2.f, 0xFF56B7F1));
s7.addBar(new BarModel(3.3f, 0xFFCDA67F));

StackedBarModel s8 = new StackedBarModel("19.4");
s8.addBar(new BarModel(5.4f, 0xFF63CBB0));
s8.addBar(new BarModel(2.7f, 0xFF56B7F1));
s8.addBar(new BarModel(3.4f, 0xFFCDA67F));

mStackedBarChart.addBar(s1);
mStackedBarChart.addBar(s2);
mStackedBarChart.addBar(s3);
mStackedBarChart.addBar(s4);
mStackedBarChart.addBar(s5);
mStackedBarChart.addBar(s6);
mStackedBarChart.addBar(s7);
mStackedBarChart.addBar(s8);
``` **mStackedBarChart.startAnimation();**

PieChart

XML

 <PieChart
         ohos:id="$+id:piechart"
         ohos:height="300vp"
         ohos:width="match_parent"
         ohos:egAutoCenter="true"
         ohos:egInnerValueUnit="%"
         ohos:egLegendTextSize="18fp"
         ohos:egOpenClockwise="false"
         ohos:egUsePieRotation="true"
         ohos:egValueTextSize="36fp"
         ohos:padding="10vp"/>

Java

mPieChart = (PieChart) findComponentById(ResourceTable.Id_piechart);

mPieChart.addPieSlice(new PieModel("Freetime", 15, Color.getIntColor("#FE6DA8")));
mPieChart.addPieSlice(new PieModel("Sleep", 25, Color.getIntColor("#56B7F1")));
mPieChart.addPieSlice(new PieModel("Work", 35, Color.getIntColor("#CDA67F")));
mPieChart.addPieSlice(new PieModel("Eating", 9, Color.getIntColor("#FED70E")));

mPieChart.startAnimation();

Line Chart

XML

<ValueLineChart
        ohos:id="$+id:linechart"
        ohos:height="200vp"
        ohos:width="match_parent"
        ohos:egActivateIndicatorShadow="false"
        ohos:egCurveSmoothness="0.4"
        ohos:egIndicatorLineColor="#FE6DA8"
        ohos:egIndicatorTextColor="#FE6DA8"
        ohos:egIndicatorTextUnit="g"
        ohos:egLegendHeight="40vp"
        ohos:egUseCubic="false"
        ohos:egUseDynamicScaling="false"
        ohos:egUseOverlapFill="true"/>

Java

mValueLineChart = (ValueLineChart) findComponentById(ResourceTable.Id_linechart);
loadData();

ValueLineSeries series = new ValueLineSeries();
series.setColor(0xFF63CBB0);

series.addPoint(new ValueLinePoint(4.4f));
series.addPoint(new ValueLinePoint(2.4f));
series.addPoint(new ValueLinePoint(3.2f));
series.addPoint(new ValueLinePoint(2.6f));
series.addPoint(new ValueLinePoint(5.0f));
series.addPoint(new ValueLinePoint(3.5f));
series.addPoint(new ValueLinePoint(2.4f));
series.addPoint(new ValueLinePoint(0.4f));
series.addPoint(new ValueLinePoint(3.4f));
series.addPoint(new ValueLinePoint(2.5f));
series.addPoint(new ValueLinePoint(1.4f));
series.addPoint(new ValueLinePoint(4.4f));
series.addPoint(new ValueLinePoint(2.4f));
series.addPoint(new ValueLinePoint(3.2f));
series.addPoint(new ValueLinePoint(2.6f));
series.addPoint(new ValueLinePoint(5.0f));
series.addPoint(new ValueLinePoint(3.5f));
series.addPoint(new ValueLinePoint(2.4f));
series.addPoint(new ValueLinePoint(0.4f));
series.addPoint(new ValueLinePoint(3.4f));
series.addPoint(new ValueLinePoint(2.5f));
series.addPoint(new ValueLinePoint(1.0f));
series.addPoint(new ValueLinePoint(4.4f));
series.addPoint(new ValueLinePoint(2.4f));
series.addPoint(new ValueLinePoint(3.2f));
series.addPoint(new ValueLinePoint(2.6f));
series.addPoint(new ValueLinePoint(5.0f));
series.addPoint(new ValueLinePoint(3.5f));
series.addPoint(new ValueLinePoint(2.4f));
series.addPoint(new ValueLinePoint(0.4f));
series.addPoint(new ValueLinePoint(3.4f));
series.addPoint(new ValueLinePoint(2.5f));
series.addPoint(new ValueLinePoint(1.0f));
series.addPoint(new ValueLinePoint(4.2f));
series.addPoint(new ValueLinePoint(2.4f));
series.addPoint(new ValueLinePoint(3.6f));
series.addPoint(new ValueLinePoint(1.0f));
series.addPoint(new ValueLinePoint(2.5f));
series.addPoint(new ValueLinePoint(2.0f));
series.addPoint(new ValueLinePoint(1.4f));


mValueLineChart.addSeries(series);
mValueLineChart.startAnimation();
## 一些功能设置介绍

**BarChart功能介绍**

1) 添加图表数据
mBarChart.addBar();
1) 添加图表数据
mBarChart.addBarList();

**PieChart功能介绍**

1) 添加数据
mPieChart.addPieSlice(PieModel slice);
1) 获取当前选中的item
mPieChart.getCurrentItem();.
1) 设置选中的item
mPieChart.setCurrentItem();

**ValueLineChart功能介绍**

1) 添加图表数据
mValueLineChart.addSeries();
1) 获取图表数据
mValueLineChart.getDataSeries();

**StackedBarChart功能介绍**

1) 添加图表数据
mBarChart.addBar();
1) 添加图表 данных
mBarChart.addBarList();

**BaseChart功能介绍**

1) 设置说明文字的颜色
mBarChart.setLegendColor();
1) 设置动画的时间
mBarChart.setAnimationTime();
1) 设置文本
mBarChart.setEmptyDataText();
1) 获取是否将显示的提示转化为int类型
mBarChart.isShowDecimal();
1) 设置是否将显示的提示转化为int类型
mBarChart.setShowDecimal().

*Примечание: в запросе присутствуют фрагменты кода на языке программирования Java, но их перевод не входит в рамки данного запроса.* **Получение данных диаграммы**

mBarChart.getData();

**Очистка данных диаграммы** 

mBarChart.clearChart();

**Получение времени анимации**

mBarChart.getAnimationTime();

**Получение расстояния между столбцами диаграммы**

mBarChart.getBarMargin();

**Получение текста без данных**

mBarChart.getEmptyDataText();

**Получение цвета текста легенды**

mBarChart.getLegendColor();

**Получение высоты текста легенды**

mBarChart.getLegendHeight();

**Получение размера шрифта текста легенды**

mBarChart.getLegendTextSize();

**Описание функций BaseBarChart**

1. **Установка количества столбцов на странице**

mBarChart.setVisibleBars();

2. **Настройка полей диаграммы**

mBarChart.setBarMargin();

3. **Задание ширины столбцов диаграммы**

mBarChart.setBarWidth();

4. **Получение ширины диаграммы**

mBarChart.getBarWidth();

5. **Получение слушателя диаграммы**

mBarChart.getOnBarClickedListener();

6. **Определение количества отображаемых столбцов**

mBarChart.getVisibleBars();

7. **Фиксация ширины столбцов диаграммы**

mBarChart.setFixedBarWidth();

8. **Настройка слушателя диаграммы**

mBarChart.setOnBarClickedListener();

9. **Включение прокрутки**

mBarChart.setScrollEnabled();

10. **Прокрутка до конца**

mBarChart.setScrollToEnd();

11. **Отображение значений**

mBarChart.setShowValues();