# ctp_web

**Repository Path**: haifengat/ctp_web

## Basic Information

- **Project Name**: ctp_web
- **Description**: web 版客户端, 后端采用 ctp_real_md 镜像, 实现数据落地
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2023-12-19
- **Last Updated**: 2025-01-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 说明

## 部署

 代理设置: <https://flowus.cn/haifengat/share/2e71833c-30da-4527-8a78-90f88de15980?code=RX6MAT>

## 安装

```TypeScript
pnpm i echarts vue-echarts
报错后可加参数  --force
```

## nuxt.config.ts

```TypeScript
export default defineNuxtConfig({
  // ……
  build: {
    transpile: [/echarts/],
  },
})
```

## 插件

plugins/echarts.js

```TypeScript
import { use } from 'echarts/core'

// 手动导入ECharts模块以减小包的大小
import { CanvasRenderer } from 'echarts/renderers'
import { BarChart, PieChart, CandlestickChart, MapChart } from 'echarts/charts'
import { GridComponent, TooltipComponent, TitleComponent, LegendComponent } from 'echarts/components'

export default defineNuxtPlugin(() => {
    use([CanvasRenderer, BarChart, PieChart, MapChart, CandlestickChart, GridComponent, TooltipComponent, TitleComponent, LegendComponent])
})
```

## 示例

组件需用 `<ClientOnly></ClientOnly>`

[饼图]("./pages/chart/index.vue")
[K 线]("./pages/chart/candle.vue")