# frappe_echarts

**Repository Path**: hwl318/frappe_echarts

## Basic Information

- **Project Name**: frappe_echarts
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 8
- **Created**: 2024-12-20
- **Last Updated**: 2025-05-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Frappe Echarts

Echarts for frappe

## Key Features

- Use Echarts in Frappe
- Customize Icons

## Installation

1. Install frappe
2. Install frappe-echarts
	```sh
	$ bench get-app https://gitee.com/allentj2020/frappe_echarts.git
	```
3. Install app on your site
	```sh
	$ bench --site sitename install-app frappe_echarts
	```
## How To Add Custom Icons

1. Copy "SVG Code" of icon from [iconfont](https://www.iconfont.cn/), it may like this:
	```html
		<svg 
			t="1739229214847" 
			class="icon" 
			viewBox="0 0 1024 1024" 
			version="1.1" 
			xmlns="http://www.w3.org/2000/svg" 
			p-id="4180" 
			width="200" 
			height="200"
		>
			<path d="M985.6 ****" p-id="4181">
			</path>
		</svg>
	```
2. replace svg tag with "symbol" tag, add attr "id" with name start with "icon-" like this:
	```html
		<symbol 
			id="icon-test"
			t="1739229214847" 
			class="icon" 
			viewBox="0 0 1024 1024" 
			version="1.1" 
			xmlns="http://www.w3.org/2000/svg" 
			p-id="4180" 
			width="200" 
			height="200"
		>
			<path d="M985.6 ****" p-id="4181">
			</path>
		</symbol>
	```
3. add this symbol to file "icons.svg"

## License

mit