Echarts图表显示完成进度

最新推荐文章于 2024-06-21 16:31:42 发布

chuan6752

最新推荐文章于 2024-06-21 16:31:42 发布

阅读量2.1k

点赞数

分类专栏：开发笔记文章标签： npm vue.js css html 前端

本文链接：https://blog.youkuaiyun.com/chuan6752/article/details/112299148

版权

最近在写一个事项管理系统，需要显示每月或每周结案与追踪的事项，图表如下：

1. 效果图如下：

2. HTML 的代码如下：

<div id="myChart" :style="{width: '1200px', height: '300px'}"></div>

3. JS 里的代码如下：

drawLine(){

        let myChart = this.$echarts.init(document.getElementById('myChart'))
        // 绘制图表
        myChart.setOption({
			title: { 
					text: '项目追踪整体状况',
					left:'center',
					textStyle:{
						//color:'#0DB9F2',        //颜色
						fontStyle:'normal',     //风格
						fontWeight:'normal',    //粗细
						fontFamily:'Microsoft yahei',   //字体
						fontSize:18,     //大小
						align:'center',   //水平对齐
						left:'center'
                },
					
					},