用echarts的markline起点坐标、终点坐标画的柱状图，现在需要鼠标拖动柱状图移动，怎么实现

我还是个妹子啊 2018-10-10 10:36:14

用echarts的markline起点坐标、终点坐标画的柱状图，现在需要鼠标拖动柱状图移动，怎么实现

...全文

686 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

田小瘦 2018-10-10

打赏
举报

回复

看看echarts的api吧, 能实现的里面都有

本文详细阐述了如何在Echarts中实现柱状图的右移，以便避免遮挡纵坐标。作者介绍了两种方案：移动横坐标区间和调整每个横坐标值，并通过计算柱宽、最小间距和最大宽度来确保图表美观和功能性。同时，文章还涵盖了适应单点、多系列及特殊场景的方法，以及tooltip的调整。

本文系统讲解ECharts标记线markLine的核心应用与高级配置，涵盖基础定位（yAxis/coord）、样式定制（线条类型、颜色、宽度、标签formatter）、动态生成、多线组合、性能优化（silent、animation控制）及交互增强（hover emphasis、click事件）。重点解析常见失效原因（坐标越界、异步数据时机）与实战调优策略，适用于折线图、柱状图、K线图等多图表场景。

本文详细介绍ECharts图表库的丰富功能，包括多种图表类型如折线图、柱状图、饼图等，支持直角坐标系和极坐标系，提供移动端优化，具备交互式数据筛选、视图缩放等能力，适合大数据量展示。文章还深入解析柱状图和饼图的高级用法，如标记最大最小值、动态数据支持、特效展示等。

本文系统讲解ECharts中markPoint的实战应用，涵盖自动标注极值、精准坐标定位、样式定制、与markLine协同、动态交互、SVG自定义符号及富文本标签等核心技术。同时提供常见问题排查方法、性能优化策略（如减少重绘、简化图形）和移动端适配要点，助力开发者高效构建高表现力的数据可视化标记能力。

本文介绍了一个具体的堆叠柱状图配置案例，包括如何设置标题、图例、坐标轴、数据系列等属性，并展示了如何通过自定义函数来格式化提示框中的数据展示方式。此外，还演示了如何使用不同类型的堆叠来展示多组数据。

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章