|
@@ -0,0 +1,62 @@
|
|
|
|
|
+// 基于准备好的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);
|
|
|
|
|
+ });
|
|
|
|
|
+});
|
|
|
|
|
+
|
hhq