ECharts力导向布局图增加滚动条

简介: ECharts力导向布局图增加滚动条


  1. ECharts(canvas)根据容器(div)初始化宽度,高度
<!-- 为ECharts准备一个具备大小(宽高)的DOM-->
<div id="capital" style="width:1700px;height:700px;"></div>
  1. 根据屏幕分辨率调整canvas宽度:
var windowWidth = window.screen.width;//屏幕分辨率 最低适配1280*1024
setTimeout(".$('#capital canvas').css('width','"+windowWidth*0.86+"px')",800);

  • 改canvas设置宽度:
1.$("#capital canvas").css('width','1100px');
2.document.getElementByID('capital').style.width='1100px';


相关文章
|
JavaScript
echarts_自定义graph关系图
echarts_自定义graph关系图
800 0
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
echarts迁徙图
前段时间在echarts社区,看见别人写的echarts迁徙图,学习并也写了一个
echarts 图表解决X轴加滚动条之后文字过多不显示问题
echarts 图表解决X轴加滚动条之后文字过多不显示问题
469 0
|
JavaScript 前端开发 数据可视化
ECharts 雷达图案例001-自定义节点动画
使用ECharts创建自定义雷达图,通过JavaScript动态更新高亮和交互反馈,增强用户体验。关键步骤包括:开启动画效果,数据更新时保持图表状态,鼠标悬浮时动态高亮指标,优化动画性能。案例展示了ECharts在数据可视化中的灵活性和表现力。[查看完整案例](https://download.csdn.net/download/No_Name_Cao_Ni_Mei/89454380)。
957 0
 ECharts 雷达图案例001-自定义节点动画
|
数据可视化 黑灰产治理
📊 ECharts 雷达图案例002 - 诈骗性质分析
**ECharts 案例展示了诈骗性质的雷达图分析,以创新可视化揭示诈骗模式。定制化雷达图配色鲜明,多维度剖析不同诈骗手段,如网络刷单、冒充公检法。交互式设计允许用户深入探究细节。[点击这里](https://download.csdn.net/download/No_Name_Cao_Ni_Mei/89454384)查看完整案例。#ECharts #数据可视化 #雷达图 #诈骗分析**
229 0
📊 ECharts 雷达图案例002 - 诈骗性质分析
【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
1539 0
|
数据可视化 前端开发
web前端-Echarts-5.3高级可视化和图表组合布局
web前端-Echarts-5.3高级可视化和图表组合布局
|
JSON 数据格式
echarts关系图
echarts关系图
242 0

热门文章

最新文章