echarts区间折线图，可滑动效果是否能实现

Lydia_pingpang 2019-08-22 05:52:13

上图为一个折线图，现在需要如下效果：
1.可以设置区间，比如设定为3，它就把3~17这个区间3等分，拖动三角滑块可以改变每个区间的最低值或最高值。
2.每个区间的值相加，例如折线是销售额，滑动按钮后，可以把每个区间的销售额累加
求教大神，这个图能不能实现，有木有实例啊~~

...全文

271 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

Qt是由Qt Company开发的主流跨平台C++图形用户界面应用程序开发框架。Qt是面向对象的框架、容易扩展，并且允许真正地组件编程，既可以开发GUI程序，也可用于控制台工具和服务器。其跨平台集成开发环境Qt Creator 全面支持Windows ，mac、Linux、iOS、Android、WP等。本课程主要帮助学员熟练掌握Qt 5框架下的C++开发，通过核心内容的详细讲解演示，迅速帮助学员达到企业级Qt开发工程师的能力！课程包括以下内容：Qt QPainter绘图常用操作(画图、线、文字、矩形、扇形等)项目实战一、Qt 绘制汽车仪表盘项目实战二、Qt 绘制漂亮预警仪表项目实战三、Qt 实现自绘折线图Qt 框架之图表模块QtChart、折线图、柱状图、饼图等Qt 高性能轻量级图表QCustomPlot、折线图、金融图等Qt 工业图表库QWT的使用、图表、指南针、温度计、旋钮等

需求选择每条线的颜色、粗细绘制折线图。解决动态修改option中对应的样式属性即可。查看echarts官方文档，进行了如下修改。修改一（明显有问题可跳过，仅做记录。）效果一：配置一： option = { …… "series": [ { ……, "markPoint": { ...

不管前端还是后端，大家或多或少都了解使用过echarts图表吧，很多时候我们只是需要展示指定区间的数据，但有时我们希望在图表上能够轻松地切换数据的展示区间，以便更清晰地观察特定时间段或区域的变化。在本文中，我将向大家介绍如何实现在 ECharts 图表上左右滑动切换数据区间的功能，让数据展示交互变得更加灵活。

echarts现在已经逐渐成为各类数据展示或者大屏开发的一个重要工具，你可能没有用过但是绝对考虑过最近在项目开发时遇到了一个问题，Echarts折线图展示近两天的秒级数据的时候会很卡，甚至页面有些时候每秒只有10帧，这是理所当然毕竟在图里画了接近20w的点，（每天86400*2天）那么要怎么处理呢，可以分为两个方法，第一个对echart图处理，第一个对数据进行处理。

环境：Win10x64,VS2015, C#, ECharts 目标：C# 使用WebBrowser控件加载ECharts,创建折线图，X轴可拖动，本文只介绍C# 如何配置 ECharts,关于ECharts 的具体用法。记录时间：2020/08/28 内容：先上效果图：显示内容是从ECharts 官网样例代码改的，X轴方向上的数量大概是800个值，可以水平拖动。介绍：首先介绍一下ECharts：官网：https://echarts.apach...

10,608

社区成员

29,047

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章