Observablehq D3 的图标 Y 轴数据显示不完整

简介:

对一些基数比较大的数据来说,D3 的 Y 轴数据显示不完整。

如下图:

data_not_fullly_load

上面的情况可能是你的 Y 轴 margin 中的left 没有留够。

在上面的例子中,你可以在线修改下面的链接:https://observablehq.com/@yuchenghu/us-covid-19-daily-tested-cases-covid-19

在后面有一个配置叫做:margin = ({top: 20, right: 30, bottom: 30, left: 30})

你可以将 left 修改为 60

30_60

然后你再运行代码后,你会发现你的问题解决了,数据能够完整的显示了。

fully_loaded

https://www.cwiki.us/questions/62619853

目录
相关文章
|
5月前
|
存储 设计模式 容器
专题八图形窗口与坐标轴-3
专题八图形窗口与坐标轴
80 0
|
5月前
|
存储 数据可视化
专题八图形窗口与坐标轴-2
专题八图形窗口与坐标轴
54 0
|
7天前
echars 设置文字倾斜 图表根据鼠标滑轮自动改变x轴数据
echars 设置文字倾斜 图表根据鼠标滑轮自动改变x轴数据
8 1
|
15天前
Echarts图表设置x轴y轴均随滚轮滚动缩+放 区域缩放
Echarts图表设置x轴y轴均随滚轮滚动缩+放 区域缩放
|
5月前
Echarts去掉叠堆折线区域图的区域颜色
Echarts去掉叠堆折线区域图的区域颜色
29 0
|
5月前
|
存储
专题八图形窗口与坐标轴-1
专题八图形窗口与坐标轴
45 0
|
9月前
|
定位技术
echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看
echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看
69 0
|
9月前
|
编解码 前端开发 PHP
悬浮坐标解决方案:如何在图片获取xy鼠标位置和增加标注信息
悬浮坐标解决方案:如何在图片获取xy鼠标位置和增加标注信息
71 0
|
JavaScript 前端开发
菜单栏底部线条切换效果(标题滚动居中显示)
菜单栏底部线条切换效果(标题滚动居中显示)
108 0
菜单栏底部线条切换效果(标题滚动居中显示)
|
JavaScript
echarts柱状图X轴底部文字有的不显示出来?
echarts柱状图X轴底部文字有的不显示出来?
370 0
echarts柱状图X轴底部文字有的不显示出来?