1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- // 基于准备好的dom,初始化echarts实例
- var myChart = echarts.init(document.getElementById('main'));
- //加载动画
- myChart.showLoading();
- // 指定图表的配置项和数据
- var option = {
- title: {
- text: 'ECharts 入门示例'
- },
- tooltip: {},
- legend: {
- data:['销量']
- },
- xAxis: [{
- data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
- }],
- yAxis: {},
- series: [
- {
- name: '销量',
- type: 'bar',
- data: [5, 20, 36, 10, 10, 90]
- },
- {
- name: '销量',
- type: 'line',
- data: [5, 20, 36, 10, 10, 90]
- },
- {
- name: '销量',
- type: 'line',
- data: [5, 20, 36, 10, 10, 90]
- }
- ]
- };
- //隐藏
- myChart.hideLoading();
- // 使用刚指定的配置项和数据显示图表。
- myChart.setOption(option);
- $(document).ready(function(){
- });
- $("#refresh").click(function(){
- var date1 = $("#date").val();
- var refreshTime = $("#refreshTime").val();
- var type = $("input[name='type']").val();
- var rate = $("input[name='rate']").val();
- console.log(date1);
- console.log(refreshTime);
- console.log(type);
- console.log(rate);
- $.post("/try/ajax/demo_test_post.php",{
- name:"菜鸟教程",
- url:"http://www.runoob.com"
- },
- function(data,status){
- alert("数据: \n" + data + "\n状态: " + status);
- });
- });
|