柱状图点击切换数据

怎么实现这种效果... 怎么实现这种效果 展开
 我来答
风吹草动云飞扬
2018-03-23
知道答主
回答量:12
采纳率:0%
帮助的人:4.1万
展开全部

这个下拉框不像是echarts的组件,似乎是自己写的一个下拉框;

如果 下拉框的 值 改变 ,就会产生一个事件,这个事件就是改变echarts柱状图的数据;

那么对应的代码语言就是姿巧键:

<select id="selectYear">
    <option>2017</option>
<option>2018</option>
<option>2019</option>
</select>

<javaScript  type="text/javascript">
        var selectValue=$("#selectYear").value;
    $("#selectYear").change(function changeValue(){
$.ajax({
type : "get",
data : {
    "selectValue":selectValue
},
dataType : "json",
url : "xxx.do/methodxxxx",
success : function(data) {
//将你的取得的data 放到Echarts里
}
});
    });     宽掘  
</javaScript>迹巧
ZESTRON
2024-09-04 广告
在Dr. O.K. Wack Chemie GmbH,我们高度重视ZESTRON的表界面分析技术。该技术通过深入研究材料表面与界面的性质,为提升产品质量与可靠性提供了有力支持。ZESTRON的表界面分析不仅涵盖了相变化、化学反应、吸附与解吸... 点击进入详情页
本回答由ZESTRON提供
百度网友fe2b428
2018-03-14 · TA获得超过449个赞
知道小有建树答主
回答量:286
采纳率:82%
帮助的人:29万
展开全部
这个其实很简单,下拉框选择不同的值的时候,加载对应的数据就可以了~
追问
柱状图是用百度echarts写的,不知道点击怎么对应相同数据
追答
我知道是echarts写的,你多看下文档把,把对应的data传进去就可以了~
这个我一下也说不清楚,你慢慢研究下,就懂了~
反正就多看api,然后考虑数据传入~
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式