修改饼图标题，及字体大小let option = { title: { text: '单位：千瓦',//标题 right: 'right',//文字位置 textStyle: {//修改字体样式 fontSize: '14', fontWeight: 'normal' } }, }修改tooltiplet option = {
Echarts
多种
tooltip
展示，加
标题
、加单位
使用
Echarts
在一个图表中同时展示柱形图和折线图，柱形图是数据，直接展示；折线图是百分比，需要前端将接口返回的小数处理成百分数，所以要加百分符。数据量较大，每条单独展示，不放在一起展示。
先处理接口数据，带“利率”的处理成折线图，不带的处理成柱形图。
let series= [];
for (let i = 0; i<data.length; i++) {
if (data[i].name.indexOf('利率') == -1)
formatter（字符串模板）
模板变量有 {a}，{b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等，在 trigger为’axis’的时候，会有多个系列的数据，此时可以通过{a0}，{a1},{a2}这种后面加索引的方式表示系列的索引，不同图表类型下的{a}，{b}，{c}，{d}含义不一样。
其中变量{a}，{b}，{c}，{d}在不同的图表类型下代表数据含义为：
1、折线（区域）图、柱状（条形）图、K线图：{a}（系列名称）,{b}（类目名）,{c}（数值）,{d}（无）
from py
echarts
import options as opts
from py
echarts
.charts import Page, Pie
x_data = ["甘雨","胡桃","魈"]
y_data = [2, 8, 15]
c = (
Pie()
.add("", [list(z) for z in zip(x_data,y_data)])
.set_global_opts(title_opts=opts.TitleOpts(t
在 Vue 2 中使用
Echarts
饼图
，你需要先安装
Echarts
和 vue-
echarts
插件。下面是具体的步骤：
1. 安装
Echarts
和 vue-
echarts
插件：
```bash
npm install
echarts
vue-
echarts
2. 在你的 Vue 组件中引入
Echarts
：
```javascript
import
echarts
from '
echarts
'
import
ECharts
from 'vue-
echarts
/components/
ECharts
.vue'
// 引入
饼图
组件
import '
echarts
/lib/chart/pie'
// 引入提示框和
标题
组件
import '
echarts
/lib/component/
tooltip
'
import '
echarts
/lib/component/title'
export default {
components: {
'v-chart':
ECharts
data() {
return {
chartOptions: {
//
饼图
的配置项和数据
// 可以根据需求自定义配置项
title: {
text: '
饼图
示例'
tooltip
: {},
series: [{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
3. 在模板中使用
Echarts
组件：
```html
<template>
<v-chart :options="chartOptions"></v-chart>
</template>
这样就可以在你的 Vue 组件中使用
Echarts
饼图
了。你可以根据自己的需求
修改
饼图
的配置项和数据。希望对你有帮助！
