图表可视化
本话题发布图表可视化相关的问答文章和技术分享，将持续更新，为您推荐了13篇问答，访问即可查看更多精彩内容。
-
1
回答
26浏览
Visx 中如何动态更新折线图的数据？
我用 Visx 画了个简单的折线图，但数据是从接口异步获取的。一开始传空数组没问题，等数据回来 setState 更新后，图表却没重新渲染，这是为啥？ 我试过把 data 作为依赖放进 useMemo...
-
1
回答
56浏览
Recharts 中如何让 X 轴的刻度文字自动换行显示？
我在用 Recharts 画一个柱状图，X 轴的分类名称太长了，直接显示会重叠在一起，看起来特别乱。我试过在 tick 里加样式设置 wordBreak 或者 whiteSpace，但好像都不起作用。...
-
1
回答
81浏览
SVG画折线图时路径显示不全怎么办？
我用SVG画一个简单的折线图，数据点都算对了，但最后生成的只显示了一半，后面几段线直接没了。是不是坐标超出 viewBox 范围了？ 我试过调整viewBox的大小，也检查了d属性的字符串拼接，看起来...
-
2
回答
29浏览
ApexCharts 的 tooltip 怎么只显示部分数据？
我在用 ApexCharts 做一个折线图，但 tooltip 里只显示了第一个系列的数据，其他系列的值都没出来。明明 chart 配置里有三个 series，但鼠标悬停时 tooltip 只展示一个...
-
2
回答
44浏览
WebGL 渲染图表时坐标系搞反了怎么办？
我用 WebGL 画一个简单的折线图，但发现 Y 轴方向跟 Canvas 2D 完全相反——数据点越往上，Y 值反而越小。明明传入的是正常坐标，比如 [100, 200] 应该在下方，结果却显示在顶部...
-
2
回答
33浏览
Chart.js 鼠标悬停时怎么自定义 tooltip 样式？
我用 Chart.js 画了个折线图，但默认的 tooltip 太丑了，想改一下背景色和字体大小，试了文档里的 options.plugins.tooltip 回调，但样式根本没变，是不是哪里写错了？...
-
2
回答
57浏览
Canvas图表在Vue中无法正确重绘，数据更新后画面还是旧的怎么办？
我在用Vue做动态图表，每次数据变了就调用drawChart()重绘Canvas，但画布上还是显示老数据，好像没刷新一样。是不是要手动清空画布？ 试过在drawChart开头加clearRect，但有...
-
2
回答
51浏览
Visx条形图轴标签过长导致重叠怎么处理？
用Visx做条形图时，X轴的类别标签太长会挤在一起，尝试用tickFormat截断文字但报错说'tickFormat'不存在，改用CSS设置white-space: nowrap反而完全隐藏了标签，有...
-
2
回答
64浏览
Canvas绘制折线图时，线条总是超出容器边界怎么办？
在用Canvas画折线图时遇到了怪问题，设置好容器宽高后，线条总会从右边和底边溢出。我试过给canvas加了max-width:100%，还用flex布局包裹容器，但效果没变化。 这是我的CSS代码：...
-
2
回答
100浏览
React中动态更新SVG path路径数据后图形没变化怎么办
我在用React画SVG折线图的时候遇到个奇怪问题，当通过输入框动态修改坐标数组后，虽然状态更新了但path路径就是不重新渲染。比如我改了第三个点的Y坐标，其他点都正常就是最后一个点不动。 impor...
-
2
回答
122浏览
Three.js渲染3D柱状图时旋转卡顿怎么办？
最近在用Three.js做3D柱状图，当数据量超过500个柱子后，鼠标旋转视角时特别卡顿。我尝试过把材质改成BasicMaterial，合并所有柱子的几何体，但帧率还是掉到20多，控制台还偶尔报GL_...
-
2
回答
117浏览
Plotly图表更新数据后为什么不重新渲染？
大家好，我在用Plotly.js做动态图表时遇到个怪问题。我按文档写了个折线图，想通过按钮动态更新数据，但调用Plotly.react后图表完全消失了... 我先初始化了图表，代码没问题能正常显示。但...
-
2
回答
69浏览
ECharts动态更新地图标记点后缩放和中心位置重置了怎么办？
用ECharts做中国地图可视化时遇到个怪问题，当我通过setData实时更新标记点坐标后，地图会自动跳转回初始视角，缩放和中心位置全没了，该怎么保持之前的视图状态啊？ 我试过这样写代码：<pr...
