源码:
<template>
<div>
<div id="myChart" :style="{width: '300px', height: '300px'}"></div>
</div>
</template>
<script>
import Vue from "vue";
export default {
name: "component",
data() {
return {};
},
mounted() {
this.drawLine();
},
methods: {
//图表
drawLine() {
// 基于准备好的dom,初始化echarts实例
let myChart = this.$echarts.init(document.getElementById("myChart"));
// 绘制图表
myChart.setOption({
title: {},
series: [
{
name: "demo",
type: "pie",
radius: "55%",

本文介绍如何在Vue项目中使用ECharts库创建饼状图,并通过自定义itemStyle设置每个图块为渐变色。通过在`normal`属性下定义`color`函数,返回一个线性渐变色对象,动态设置不同图块的颜色渐变效果。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



