ECharts_01_柱形图
来源:互联网 发布:linux cat 多个文件 编辑:程序博客网 时间:2024/06/06 20:46
1.演示
2.代码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../js/echarts.js" ></script> <title>柱状图示例</title> </head> <body> <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { //图表标题 title: { text: 'ECharts 入门示例' }, //提示框工具 tooltip: {}, //图例 legend: { data:['销量'] }, //X轴设置 xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, //Y轴设置 yAxis: { min: 0, max: 50, interval:10, }, series: [ { name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }, ] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); </script> </body></html>
阅读全文
0 0
- ECharts_01_柱形图
- 柱形图
- 柱形图
- 柱形图
- 柱形图
- 柱形图
- 柱形图
- JFreeChart柱形图
- 柱形图2
- dojo柱形图
- vc 柱形图
- JFreeChart 柱形图
- asp vml 对比柱形图
- jfreechart柱形图链接问题
- php Jpgraph绘制柱形图
- struts开发-柱形图
- Jfreechart柱形图详细设置!
- Jpgraph绘制柱形图
- 关于Python函数中self参数使用介绍
- JavaScript继承的几种方法比较
- 优化:深度神经网络Tricks【笔记】
- 关于measure
- MySQL数据库的高可用方案
- ECharts_01_柱形图
- Python初级教程:入门详解
- Java Security Architecture--Java安全体系技术文档翻译(三)
- Borrowing treasures from the wealthy: deep transfer learning through selective joint fine-tuning
- 第七周项目2
- Python爬虫:抓取内涵段子1000张搞笑图片-上篇(小爬虫诞生篇)
- AOP的概念和实现原理—Spring系列介绍
- 计算图形中心
- 第九周 项目2 二叉树遍历的递归算法