echarts页面赋值,调用

原创 2018年04月17日 10:46:42
function dochart1(json){
var option = {
    title: {
        text: '数据增量'
    },
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器,坐标轴触发有效
            type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        }
    },
    legend: {
        data: json.legendData //['行业协会','市场监管','相关机构','第三方合作','爬虫抓取','公开市场','客户','车辆','深度']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : json.xAxisData //['一月','二月','三月','四月','五月','六月','七月']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series:json.series
    /*series : [
        {
            name:'行业协会',
            type:'bar',
            data:[320, 332, 301, 334, 390, 330, 320]
        },
        {
            name:'市场监管',
            type:'bar',
            stack: '广告',
            data:[120, 132, 101, 134, 90, 230, 210]
        },
        {
            name:'相关机构',
            type:'bar',
            stack: '广告',
            data:[220, 182, 191, 234, 290, 330, 310]
        },
        {
            name:'第三方合作',
            type:'bar',
            stack: '广告',
            data:[150, 232, 201, 154, 190, 330, 410]
        },
        {
            name:'爬虫抓取',
            type:'bar',
            data:[862, 1018, 964, 1026, 1679, 1600, 1570],
            markLine : {
                lineStyle: {
                    normal: {
                        type: 'dashed'
                    }
                },
                data : [
                    [{type : 'min'}, {type : 'max'}]
                ]
            }
        },
        {
            name:'公开市场',
            type:'bar',
            barWidth : 5,
            stack: '爬虫抓取',
            data:[620, 732, 701, 734, 1090, 1130, 1120]
        },
        {
            name:'客户',
            type:'bar',
            stack: '爬虫抓取',
            data:[120, 132, 101, 134, 290, 230, 220]
        },
        {
            name:'车辆',
            type:'bar',
            stack: '爬虫抓取',
            data:[60, 72, 71, 74, 190, 130, 110]
        },
        {
            name:'深度',
            type:'bar',
            stack: '爬虫抓取',
            data:[62, 82, 91, 84, 109, 110, 120]
        }
    ]*/
};
echarts.init($('#main1')[0]).setOption(option);
}
$(function(){
        $.post("/__sys/ajax.aspx?rmd=" + Math.random(),{"type":"DashBoard_DataBar"},function(data,textStatus){
                var json = eval("(" + data +")");
                //alert(data);
                //alert(json);
                console.log(json);
                dochart1(json);
        });
        $.post("/__sys/ajax.aspx?rmd=" + Math.random(),{"type":"Query_AddCarDataByDay"},function(data,textStatus){
                var json = eval("(" + data +")");
                console.log(json);
                dochart2(json);
        });

    dochart3();
    dochart4();
});
</script>

echarts data 赋值

echarts data 赋值           之前自己存在误解,echarts中data数据格式不是字符串,格式是对象,下面代码中的item,就是你需要生成的对象,因此代码如下: //查询全...
  • u012157999
  • u012157999
  • 2017-01-16 17:50:39
  • 10122

Echarts动态赋值

Echarts是百度开发的插件,非常实用,对数据进行统计和分析有着高效效率,它节省了开发人员的大部分开发时间。        下面就简单介绍一下如何实用echarts这个插件。 首先下载百度的插件...
  • u010011371
  • u010011371
  • 2016-07-31 20:25:50
  • 13795

echarts+asp查询应用

  • 2015年07月14日 10:30
  • 24.19MB
  • 下载

ECharts的动态赋值

ECharts图表创建的动态赋值
  • jack_shaoyu
  • jack_shaoyu
  • 2017-03-20 11:51:11
  • 200

echarts 简述 和 饼图动态赋值

使用echarts,先导入一个js,js要在form表单的下部,然后弄一个div放到jsp中, var myChart = echarts.init(document.getElementById(...
  • a854507555
  • a854507555
  • 2017-03-21 17:04:22
  • 3559

ajax动态赋值Echarts地图

最终地图实现的效果图如下 实现步骤 一、jsp页面 $(function(){ $.ajax({ type : "get", url : rootPath + "/us...
  • yangsitong1314
  • yangsitong1314
  • 2017-08-22 10:14:22
  • 930

Echarts 给pie圆饼图series.data 赋值

1.如何去掉字符串最外层的双引号,使其变成数组. var data = ("{id:32,wd:'20.3',jd:'113.3'};{id:321,wd:'20.3',jd:'113.3'}"...
  • JHON_03
  • JHON_03
  • 2017-06-13 15:33:39
  • 1245

AngularJS 自定义指令 - ECharts 2 柱状图

  • 2016年09月24日 10:05
  • 737KB
  • 下载

ajax动态赋值echarts(饼图和柱形图)

本文以柱形图和饼形图ajax动态赋值为例 一、饼形图赋值步骤 (1)jsp页面 (2)js页面 //饼图模板 var dom = document.get...
  • yangsitong1314
  • yangsitong1314
  • 2017-08-09 14:15:06
  • 4854

当浏览器窗口缩放时echarts()也随着变化用resize() 方法

原声的JS function addLoadEvent(fn){ var old = window.onresize; if(typeof...
  • kakaxiD
  • kakaxiD
  • 2016-07-21 11:14:11
  • 9856
收藏助手
不良信息举报
您举报文章:echarts页面赋值,调用
举报原因:
原因补充:

(最多只允许输入30个字)