# ComposeLineChart

**Repository Path**: ijero/compose-line-chart

## Basic Information

- **Project Name**: ComposeLineChart
- **Description**: Compose版本的折线图，支持多条直线数据，自定义颜色，触摸显示统计数据
- **Primary Language**: Kotlin
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-02-28
- **Last Updated**: 2023-12-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ComposeLineChart

#### 介绍
Compose版本的曲线绘图，支持单条/多条曲线数据绘制，自定义颜色，触摸显示统计数据

#### Demo截图

<img src="./shotcut/demo01.png" width="300px"/>
<br />

其他项目中使用效果：
- 单条线
<img src="./shotcut/demo02.png" width="300px"/>
<br />

- 多条线
<img src="./shotcut/demo03.png" width="300px"/>


#### 使用说明

参考Demo中的代码，构建data和style传入`LineChart`组件中

```kotlin
Box(contentAlignment = Alignment.Center) {
    LineChart(
        modifier = Modifier
            .fillMaxWidth()
            .height(180.dp),
        data = data,
        style = style
    )
}
```

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)