echarts + php 页面多统计图屏幕自适应

转载 2017年08月12日 16:39:33
var myStyle= echarts.init(document.getElementById("xiaosell"));
myStyle.setOption({
    title:{},
    tooltip:{
        trigger: 'axis'
    },
    legend:{
        //data:['营收']
    },
    grid: {
        top:'11%',
        left: '1%',
        right: '2%',
        bottom: '2%',
        containLabel: true
    },
    toolbox: {
//        下载图片
//        feature: {
//            saveAsImage: {}
//        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1月份','2月份','3月份','4月份','5月份','6月份','7月份','8月份','9月份','10月份','11月份','12月份']
    },
    yAxis: {
        type: 'value',
        axisLabel:{
            formatter:'{value} k'
        },
        boundaryGap: false  //边界的间隙
    },
    series: [
        {
            name:'营收',
            type:'line',
            legendHoverLink : false,//禁止高亮
            itemStyle:{
                normal:{
                    color:'#0F88EB',
                    textStyle : {
                        label : {
                            color:'#0F88EB'
                        }
                    },
                    lineStyle:{
                        color:'#0F88EB',
                        width:1
                    }
                }
            },
            data:['12', '13', '17', '14', '19', '20', '21','12','24','23','24','23']
        }]
});
使用window.onresize = option.chart.resize()  不行,单个可以,下面的可以
 window.addEventListener("resize", function () {     //添加一个监听
                      option.chart.resize();
                  });


window.addEventListener("resize", function () {

    setTimeout("myStyle.resize()",100);

});

相关文章推荐

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

echarts+php ajax异步统计人数

/*统计的环形图*/ var my = echarts.init(document.getElementById("v")); // $(function(){...})是在页面DOM文档加载完成后加...
  • gaokcl
  • gaokcl
  • 2017年08月14日 15:11
  • 130

ECharts, PHP, MySQL, Ajax, JQuery 实现前后端数据可视化

转载声明:http://blog.csdn.net/marksinoberg/article/details/52875610 版权声明:本作品采用知识共享署名-非商业性使用-相...

Echarts统计图插件在php中的应用

统计样图 数据库链接
  • Homsune
  • Homsune
  • 2017年01月01日 22:46
  • 233

百度ECharts 3.0 多坐标轴统计图一般配置详解(实例)

ECharts 是百度出品的jquery图表插件。相对于Chartist,拥有更加强大的功能,以及更加详细的文档(ECharts的文档形式非常优秀,简明易懂)。ECharts支持的图表种类非常多,同时...
  • JathamJ
  • JathamJ
  • 2016年10月03日 19:58
  • 3775

ECharts3.0 强大的统计图

简单一个案例 JSP:引入相应的js即可
  • elsery
  • elsery
  • 2016年01月12日 17:39
  • 2348

echarts 生成统计图时,自动保存图片到服务器,并使用freemarker生成word

echarts 生成统计图时,自动保存图片到服务器,并使用freemarker生成word。 1.项目工程截图如下: 需要echarts包和生成word的freemarker-...

echarts 生成统计图时,自动保存图片到服务器,并使用freemarker生成word

echarts 生成统计图时,自动保存图片到服务器,并使用freemarker生成word。 1.项目工程截图如下: 需要echarts包和生成word的freemarker-...

echarts的应用(利用后台传回json创建统计图,以及和ext的关联使用等)

最近要做统计图表所以用了echarts ,效果不错,而且也很简单。根据echarts需要的数据类型后台拼接json,再用js拆分组装成对应数组数据等。就实现了功能。 效果图 1.最简单的: 2.带...

echarts画圆环统计图并加载动态数据 (ajax获取数据)

最近,要用到echarts画饼图统计图,于是学习了会,附上echarts官网 http://echarts.baidu.com/doc/example.html 看到echarts有一些饼...
  • GZG1001
  • GZG1001
  • 2015年11月01日 15:05
  • 7569
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:echarts + php 页面多统计图屏幕自适应
举报原因:
原因补充:

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