echarts首秀
来源:互联网 发布:知乎 金冲及 编辑:程序博客网 时间:2024/06/08 17:26
ecarts有init方法,可以初始化一个画布,这里引用一个官网上的一个例子
<html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echarts.min.js"></script></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:['销量'] }, xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); </script></body></html>
运行效果如下图所示:
这里的代码:
var myChart = echarts.init(document.getElementById('main'));
就是初始化一个画布,然后配置option,然后再调用setOption的方法,将option给配置进去,就ok了!
以后会逐一讲解option里面的各个配置项
阅读全文
0 0
- echarts首秀
- echarts
- Echarts
- ECharts
- echarts
- Echarts
- echarts
- echarts
- Echarts
- echarts
- ECharts
- ECharts
- ECharts
- echarts
- echarts
- echarts
- Echarts
- echarts
- 欢迎使用CSDN-markdown编辑器
- 谷歌为什么必须回归中国
- Activity的启动过程
- Xcode 真机调试报错:This application's application-identifier entitleme
- 文章标题
- echarts首秀
- 图像处理英文学习资料
- 工作方法
- Linux Command Line and....ch9(安装软件程序)
- 写作建议
- Mysql Block Nested-Loop 与 ICP
- ReentrantLock源码
- 在子页面session过期无法跳转到父页面
- DoTween 控制UGUI tween动画