vue使用图表类2 柱形图表
来源:互联网 发布:软件销售企业财务处理 编辑:程序博客网 时间:2024/06/04 00:43
<template> <div> <div id="myChart" :style="{width: '300px', height: '300px'}"></div> </div></template><script> export default { data () { return { msg: '' } }, mounted () { this.drawLine() }, methods: { drawLine () { // 基于准备好的dom, 初始化echarts let myChart = this.$echarts.init(document.getElementById('myChart')) // 绘制图表 myChart.setOption({ title: {text: '图表信息'}, tooltip: {}, xAxis: { data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }) } } }</script><style></style>
阅读全文
0 0
- vue使用图表类2 柱形图表
- vue项目中使用echarts图表
- vue + echars完成图表
- vue中vue-schart(图表组件)的使用
- JS插件实现图表显示(曲线图表、柱形图表、饼状图表)
- JS插件实现图表显示(曲线图表、柱形图表、饼状图表)
- 图表
- vue-schart : vue.js 的图表组件
- 学习使用PHP图表类JPGraph
- MPAndroidChart图表类框架的使用
- 使用JFreeChart创建图表
- 使用Flex图表组件
- 使用图表控件
- 创建和使用图表
- delphi 图表控件使用
- 使用JFreeChart生成图表
- google chart图表使用
- JFreeChart 图表使用
- OpenResty(Nginx+Lua)开发入门
- 深入理解计算机系统(第三版) 第二章答案(仅供参考!)
- Linux文件管理
- 612. K个最近的点[LintCode]
- [uboot] uboot启动kernel篇(三)——uboot解析uImage的kernel信息
- vue使用图表类2 柱形图表
- 一道凑数问题
- Spring是如何加载Xml文件的
- Conllection之LinkedList源码简析
- 创建maven web项目 pom报错:Failed to execute goal org.apache.maven.plugins:maven-war-plugin:2.2:war
- BZOJ2588 主席树
- C语言实验——余弦
- 11月24号 Gson
- Java浮点数float,bigdecimal和double精确计算的精度误差问题总结