Question

我怎么样实现html里的“绘制的图表的值会根据页面上的文本框的输入的值的变化而变化”？

我的图表在第一张图的右下角。我想要让它根据第三个区域里的一号机、二号机、三号机的文本框数值的变化而发生变化。怎么实现它呢？就比如说，一号机是10，二号机是5，三号机是20，那么图表里的三个柱的数值，也相应变成10、5、20.补充说明：第一张图的图表的源码在第二张图上。那个图表，因为数值都是死数据，所以，图表也是固定不变的。





• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）

Answer 1

给三个输入框添加input事件
input事件中根据value改变options中data的值
再次执行myChart.setOption(options);
望采纳

追问

具体怎么写？毕竟我js不是很懂呢。

追答

代码都不给全，让我很难做啊

追问

QQ 告诉我一下。谢谢。

追答

不用你把三个输入框的dom截出来就行

追问

我三个输入框的代码，全在那张截图里了。

你还是告诉我一下QQ吧。我把文件从QQ上传给你。

追答

document.getElementsByClassName("red-bold")[0].oninput = function(){setdata(0,this.value)};
document.getElementsByClassName("red-bold")[1].oninput = function(){setdata(1,this.value)};
document.getElementsByClassName("red-bold")[2].oninput = function(){setdata(2,this.value)};
function setdata(i,v){
if(!/^\d+\.?\d+$/.test(v)){return;}
options.series[0].data[i]=v;
myChart.setOption(options);
}

追问

这一段放在哪里啊？我不太看得懂呢。你告诉我QQ吧。

追答

放前面

追问

放在那边以后，运行，页面上没图表了。

然后，我把你的那个代码里的function，单独放在<script>里，再运行，

有图表了，但是没效果。

追答

私信qq

追问

已经私信问你了。