<!DOCTYPE html> <head> <meta charset="utf-8"> <title>ECharts</title> </head> <body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="height:400px"></div> <!-- ECharts单文件引入 --> <script src="http://echarts.baidu.com/build/dist/echarts.js"></script> <script type="text/javascript"> // 路径配置 require.config({ paths: { echarts: 'http://echarts.baidu.com/build/dist' } }); // 使用 require( [ 'echarts', 'echarts/chart/bar' ,// 使用柱状图就加载bar模块,按需加载 'echarts/chart/line', 'echarts/chart/pie' ], function (ec) { // 基于准备好的dom,初始化echarts图表 var myChart = ec.init(document.getElementById('main')); // var option = { // tooltip: { // show: true // }, // legend: { // data:['销量'] // }, //
Echarts实例1-折线、饼图、柱状图混搭
最新推荐文章于 2024-07-25 16:02:14 发布
这篇博客通过Echarts展示了如何在一个图表中混搭折线图、饼图和柱状图。示例中包含了不同类型的图表数据,如直接访问、邮件营销、联盟广告等的数据展示,以及对搜索引擎细分的饼图分析。通过使用Echarts的工具箱功能,可以进行数据查看、类型切换和保存图像操作。
摘要由CSDN通过智能技术生成