Echarts调用输入框内的值
来源:互联网 发布:淘宝客服中心css代码 编辑:程序博客网 时间:2024/06/03 09:11
范例:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ECharts</title></head><body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="height:400px"></div> <!-- ECharts单文件引入 --> <script src="dist/echarts.min.js"></script> <script type="text/javascript"> // 基于准备好的dom,初始化echarts图表 var myChart = echarts.init(document.getElementById('main')); // 初始 optionoption = { title: { text: '异步数据加载示例' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: [] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [] }]}; function tt1(){ function fetchData(cb) { // 通过 setTimeout 模拟异步加载 setTimeout(function () { cb({ categories: document.getElementById("myint1").value.split(","), data: document.getElementById("myint2").value.split(",") }); }, 1000);}fetchData(function (data) { myChart.setOption({ xAxis: { data: data.categories }, series: [{ // 根据名字对应到相应的系列 name: '销量', data: data.data }] });}); myChart.setOption(option);} myChart.setOption(option); </script><form>请输入横坐标数据,以英文","作为间隔:<br> <input type='text' id='myint1' value="衬衫,羊毛衫,雪纺衫,裤子,高跟鞋,袜子"/> <br>请输入纵坐标数据,以英文","作为开头和间隔,不同类目数据以英文";"作为间隔:<br> <input type='text' id='myint2' value="5, 20, 36, 10, 10, 20"/> <input type="button" value="确认" onclick="tt1()"></form></body></html>
阅读全文
0 0
- Echarts调用输入框内的值
- 【三水哥】HTML中数字输入框内输入字母或者特殊符号,获取输入框内的值为""
- input输入框内的提醒方式
- 监听EditText输入框内输入内容的变化
- ECharts图表中级入门之formatter:夜谈关于ECharts图表内的数据格式化方法
- ECharts图表中级入门之formatter:夜谈关于ECharts图表内的数据格式化方法
- 内部类的调用
- 关于Echarts中写入标识的markPoint输入文字
- 仿百度搜索框动态获取输入框内的值
- 如何改变<input type=”text" >输入框内的值
- 如何改变<input type=”text" >输入框内的值
- 如何改变<input type=”text" >输入框内的值
- 鼠标点击时输入框内的文本消失
- 同一个td内的输入框右侧小图标居中
- jquery获取密码输入框内的密码
- echarts和传统图表比较 只需改callback:调用的函数
- Unity 编辑输入框时出现输入法中的输入框内文字为白色的解决办法
- Java内部类的调用
- USB基本知识详解
- php中声明常量的方式
- Java互联网开发工程师学习路径
- Centos7.2下nginx+uwsgi+python/Django搭建生产环境
- EventBus3.0源码浅析与理解
- Echarts调用输入框内的值
- 计算机与通信会议排名
- oracle之多表查询
- 通过js来计算两个字符串日期差---DateDiff()函数应用
- 案例:Ajax异步校验用户名是否存在
- feign入门教程
- 猴子摘桃问题(最大递增子列问题)
- 个人网站个人主页的建立
- 侧滑,tablayout,PullToRefreshListView