https://github.com/can-dy-jack/data

a website of marine data.
https://github.com/can-dy-jack/data

chartjs echarts highcharts

Last synced: 6 days ago
JSON representation

a website of marine data.

• Host: GitHub
• URL: https://github.com/can-dy-jack/data
• Owner: can-dy-jack
• License: mit
• Created: 2021-03-30T11:20:51.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-10-05T10:02:37.000Z (about 3 years ago)
• Last Synced: 2024-10-11T01:51:55.303Z (28 days ago)
• Topics: chartjs, echarts, highcharts
• Language: JavaScript
• Homepage: https://kartjim.cn/data
• Size: 39.6 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# data

## 介绍

Website of ocean data.

## 使用的开源js框架

### echarts

- [x] [echarts.apache.org](https://echarts.apache.org/zh/index.html)

#### echarts组件使用

---

- [x] 获取Dom，设置option，添加进DOM。

- [x] 基本配置

- [x] 标题、副标题

- [x] 工具栏 toobox

- [x] 提示框 tip

- [x] 图例 legend

- [x] 坐标轴 xAxis、yAxis

- [x] 全局字体样式！

- [ ] 数据系列 series

- [ ] 时间轴 timeline

- [ ] 区域缩放 dataZoom

- [ ] 网格 grid  

---

#### 待实现功能

- [ ] 适配深色模式

- [ ] 适配移动端

### chartjs

- [x] [chartjs.cn](http://chartjs.cn/)

### highcharts

- [ ] [highcharts.com](https://www.highcharts.com)

## 开发计划/进展

### 设计方向

- 把气象站的数据连进去，实时显示

- 有统计计算过的数据。后期争取显示“实时数据”和“统计数据”两种产品

### tips

- 网站字体

  - 免费 or 商用

- 网站颜色统一，不要太花里胡哨

- ![图片来自B站](https://i0.hdslb.com/bfs/emote/d8065c2e7ce48c929317a94553499a46fecc262a.png@112w_112h.webp)

### 第三方组件

- [ ] echart

- [ ] chart

- [ ] hightchart

- [ ] D3