您的位置 首页 > 数码极客

echarts统计图如何实现打印

1在script里导入包

// 1. 导入 echarts

import echarts from 'echarts'

2模板里转载组件

<!-- 卡片视图区域 -->

<el-card>

<!-- 2. 为ECharts准备一个具备大小(宽高)的Dom -->

<div id="main" style="width: 750px;height:400px;"></div>

</el-card>


// 3. 基于准备好的dom,初始化echarts实例(需要在mounted方法执行)

var myChart = ec('main'))

//4请求数据

title:标题

legend:X轴度量值

xAxis:X轴枚举值

yAxis

series:数据值

type: 'pie',//饼图

type: 'bar',//柱状图

echarts 里系列类型()就是图表类型。系列类型()至少有:line(折线图)、bar(柱状图)、pie(饼图)、scatter(散点图)、graph(关系图)、tree(树图)


echarts 中至少有这些组件:xAxis(直角坐标系 X 轴)、yAxis(直角坐标系 Y 轴)、grid(直角坐标系底板)、angleAxis(极坐标系角度轴)、radiusAxis(极坐标系半径轴)、polar(极坐标系底板)、geo(地理坐标系)、dataZoom(数据区缩放组件)、visualMap(视觉映射组件)、tooltip(提示框组件)、toolbox(工具栏组件)、series(系列)、...

// 5. 展示数据

myC(result)

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“echarts统计图如何实现打印”边界阅读