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';


相关文章
|
5天前
|
JavaScript
echarts_自定义graph关系图
echarts_自定义graph关系图
14 0
|
2月前
|
数据可视化 前端开发
web前端-Echarts-5.3高级可视化和图表组合布局
web前端-Echarts-5.3高级可视化和图表组合布局
|
9月前
echarts 图表解决X轴加滚动条之后文字过多不显示问题
echarts 图表解决X轴加滚动条之后文字过多不显示问题
68 0
|
5月前
eCharts实现漏斗图
eCharts实现漏斗图
69 0
eCharts实现漏斗图
|
5月前
|
JSON 数据格式
echarts关系图
echarts关系图
39 0
|
6月前
Echarts饼图之-玫瑰图数据交互
Echarts饼图之-玫瑰图数据交互
37 0
|
6月前
|
JSON 数据格式
Echarts的饼状图变成环形图
Echarts的饼状图变成环形图
23 0
|
6月前
Echarts去掉叠堆折线区域图的区域颜色
Echarts去掉叠堆折线区域图的区域颜色
29 0
|
9月前
echarts图表 的X轴添加滚动条
echarts图表 的X轴添加滚动条
346 0