美文网首页
echart 配置参考笔记

echart 配置参考笔记

作者: 吉凶以情迁 | 来源:发表于2023-11-08 11:02 被阅读0次
image.png

普通图表可以通过grid:{}节点配置,但是pie不行

文档地址
https://echarts.apache.org/examples/zh/index.html

废话不多说,
vue
npm install echart
或 yarn add echart

<sccript setup>

import * as echarts from "echarts";
let pieMonthExceptionRef = ref(null)
let ExceptionTypePercentConfig = reactive({
// echart config
});
onMounted(() => {
setTimeout(()=>{
    let monthEchart = echarts.init(pieMonthExceptionRef.value)
    monthEchart.setOption(ExceptionTypePercentConfig)
},500)
})
</script>
<template>
<div ref="pieMonthExceptionRef" style="width: 100%;height: 100%" ></div>
</template>

下面的配置是

相关文章

  • echarts 相关label配置

    eacarts API 配置项:echart API echart option配置项 let option =...

  • echart启航

    构建简单echart图表:参考:Echart官网 查看官方文档说明 下载echart脚本Echart官方网站 下载...

  • Echart 柱状图模板

    好久不写Echart图,配置基本上会忘记,这里记录一个柱状图的模板留着参考。这是个组件。效果: 代码:

  • Echart 基本使用

    文章以Echart官方参考文档为基础所写。 Echart 均在 option={};里设置 传值 将通过接口得到的...

  • zookeeper 分布式运行配置

    本笔记为zookeeper单机多实例配置参考基础安装配置请参考 zookeeper 单机运行配置 查看端口是否可用...

  • springboot 02 Using Spring Boot

    注解配置笔记参考文档 : Spring Boot First Application@Configuration ...

  • echart配置清单

    echarts的配置项太多, 经常找不到自己想要的是在哪一个位置, 现在推荐一个网址, 里面能够快速帮你找到图标...

  • hadoop2.*学习笔记三(YARN+ MapReduce+E

    关于hadoop hdfs配置请参考hadoop学习笔记二 内容概括:在笔记二所在的环境上配置 YARN 和 M...

  • NGINX配置

    NGINX配置 @(nginx笔记)[nginx] 参考:http://www.oschina.net/trans...

  • 使用Cocoapods创建私有podspec

    参考文章: CocoaPods私有库配置笔记 使用Cocoapods创建私有podspec cocoapods应用...

网友评论

      本文标题:echart 配置参考笔记

      本文链接:https://www.haomeiwen.com/subject/nrrqwdtx.html