赞了回答2023-10-11
同PC端,配置scrollBar即可,通常而言,你还需要配置表示scrollBar位置的属性scrollBar.orient以及表示当前视窗范围的属性scrollBar.start和scrollBar.end。
赞了回答2023-10-11
[链接]或者使用dataZoom[链接]
赞了回答2023-09-27
对于简单的组合图而言,您可以像普通图表一样声明滚动条,只需声明表示位置的属性scrollBar.orient和表示视口范围的属性scrollBar.start和scrollBar.end即可,如下图所示:
赞了回答2023-09-26
解决方案 Solution在 VChart 中,可以通过地图图元样式配置中,填充色(fill)的回调函数来实现你的需求,类似: {代码...} 代码示例 Code Example {代码...} 结果展示 Results在线效果参考:[链接]相关文档 Related Documentation更多 demo:[链接]地图教程:[链接]...
赞了回答2023-09-26
解决方案 Solution你可以通过在markLine.label.text中设置数组来实现换行的效果。代码示例 Code Example代码参考 Code Example {代码...} 结果展示 Results在线效果参考:[链接]相关文档 Related Documentation标注demo:[链接]标注教程:[链接]相关api:[链接]githu...
赞了回答2023-09-15
在VChart图表库中,你可以设置wordCloudChart.fontSizeRange来配置字体大小范围,它表示数据最小值和最大值分别对应的文字大小,在你给出的例子中,可以配置wordCloudChart.fontSizeRange: [5, 40]来达到预期效果。
提出了问题2023-09-14
赞了回答2023-09-13
你可以使用@VisActor/VChart实现想要的效果。VChart允许多个series组合在一张图表中,仅需要将图表类型设为common,并在series中添加柱状图和折线图的series,修改折线图的线样式为虚线,点样式为矩形,即可实现图中效果。为了实现柱图与线图使用不同的坐标轴,在axe...
赞了回答2023-09-12
解决方案 SolutionVChart有着丰富的数据标注能力,对于您描绘的场景,只需要在markLine中配置x: 'average'即可。代码示例 Code Example {代码...} 在线效果参考:[链接]相关文档 Related Documentation图表标注线demo:[链接]图表标注教程:[链接]相关api:[链接]git...
提出了问题2023-09-11
赞了回答2023-09-11
你可以在初始化图表实例时,在React组件中使用ref保存图表实例。随后使用useEffect,将deps设置为数据更新的依赖项,在回调函数中调用图表实例的updateData实现数据更新。
提出了问题2023-09-08
赞了回答2023-09-08
解决方案:在VChart中,共有linear、band、time、log4种坐标轴类型。对于每种坐标轴,只需要设置tick.tickCount=3,或者tick.forceTickCount=3 即可指定坐标轴刻度的数量。当未指定tickCount时,会采用自适应tick数量,自动寻找能够使所有轴标签都不重叠的最大tick数...
提出了问题2023-09-07
赞了回答2023-09-07
建议使用开源图表组件VTable来实现这个功能。表格配置中加入以下配置: {代码...} Example代码参考 {代码...} 结果展示:Results在线效果参考:[链接]相关文档:自动换行demo:[链接]自动换行教程:[链接]相关api:[链接][链接]github:[链接]
提出了问题2023-09-06
提出了问题2023-09-06