echart
蚕豆ya
这个作者很懒,什么都没留下…
展开
-
echarts属性:图例legend、底部缩放条dataZoom
1、图例 // 图例配置 legend: { data: [ '出货量', '进货量', '售出量', '测试一', '测试二', '测试三', '测试四', '测试五', '测试六', '测试七', '测试八', '测试九', '测试十', '复试一', '复试二', '复试三', '复试四', '复试五', '复试六', '复试七', '复试八', '复试九', '复试十', '补位一', '补位二', '补位三', '补位四', '补位五', '补原创 2021-11-12 17:41:55 · 2976 阅读 · 0 评论 -
echarts图表响应式宽高
/*窗口自适应,关键代码*/ setTimeout(function() { window.onresize = function() { myChart.resize();//myChart是图表的名字 }; }, 200);原创 2021-11-09 16:28:23 · 599 阅读 · 0 评论 -
echarts的toolbox五个小工具
toolbox: { //可视化的工具箱 show: true, feature: { dataView: { //数据视图 show: true }, restore: { //重置 show: true原创 2021-11-05 14:25:43 · 2393 阅读 · 0 评论 -
echarts Y轴上的刻度个数、Y轴的样式
设置最小值min和最大值max,然后设置每两个值之间的间距,就得到了下面的图 yAxis: { type: "value", min: 0, //y轴的最小值 max: 2100, //y轴最大值 interval: 100 //值之间的间隔 },...原创 2021-11-05 13:53:12 · 3874 阅读 · 0 评论 -
vue项目里创建一个简单的echart柱状图步骤
1、创建一个容器,设置高度和宽度,给它命名为id=“main”<div id="myChart" style="width: 600px;height:400px;"></div>2、设置配置信息,在methods里写一个方法drawLine(){}drawLine(){ //1、初始化echarts实例 let myChart = this.$echarts.init(document.getElementById("myChart")); //2、绘制图表 myC原创 2021-11-04 10:14:23 · 322 阅读 · 0 评论 -
echarts的toolbox属性
有五个工具toolbox: { feature: { saveAsImage: {}, // 导出图片 dataView: {}, // 数据视图 restore: {}, // 重置 dataZoom: {}, // 区域缩放 magicType: { type: ['bar', 'line'] } // 动态图表类型的切换 }原创 2021-11-03 17:03:46 · 2397 阅读 · 0 评论