解决echarts图形报表缓存问题

转自:http://blog.csdn.net/wendysunday123/article/details/44172399

针对写echarts的时候出现刷新页面，但是数据或者效果没有成功改变(多少次都没有刷新成功),只有清空cookie才行(好麻烦)的解决办法:

在最后的setOption前面加上下面这一句即可：

//清空画布,防止缓存

myChart2.clear();

eg：

//折线图// 基于准备好的dom，初始化echarts实例var $v2 = $("#main2") ; //$('#id')这种获取的是jQuery对象,而echarts需要的是dom对象，所以需要如下转换 var v2 = $v2[0]; //DOM对象         var myChart2 = echarts.init(v2);        //当然完全可以这样写,上面只是转换一下,多学一个知识点        //var myChart = echarts.init(document.getElementById('main'));        // 指定图表的配置项和数据        var option2 = {        title : {                text: '未来一周股价的可能变化趋势',                subtext: '纯属虚构'            },            tooltip : {                trigger: 'axis',            },            legend: {                data:['最高成交价格','最低成交价格']            },            toolbox: {                show : true,                feature : {                    mark : {show: true},                    dataView : {show: true, readOnly: false},                    magicType : {show: true, type: ['line', 'bar']},                    restore : {show: true},                    saveAsImage : {show: true}                }            },            calculable : true,            xAxis : [                {                    type : 'category',                    boundaryGap : false,                    data : ['周一','周二','周三','周四','周五','周六','周日']                }            ],            yAxis : [                {                    type : 'value',                    axisLabel : {                        formatter: '{value} 元'                    }                }            ],            series : [                {                    name:'最高成交价格',                    type:'line',                    data:[11, 11, 15, 13, 12, 13, 10],                    markPoint : {                        data : [                            {type : 'max', name: '最大值'},                            {type : 'min', name: '最小值'}                        ]                    },                    markLine : {                        data : [                            {type : 'average', name: '平均值'}                        ]                    }                },                {                    name:'最低成交价格',                    type:'line',                    data:[1, -2, 2, 5, 3, 2, 0],                    markPoint : {                        data : [                            {name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}                        ]                    },                    markLine : {                        data : [                            {type : 'average', name : '平均值'}                        ]                    }                }            ]        };        //清空画布,防止缓存        myChart2.clear();        // 使用刚指定的配置项和数据显示图表。        myChart2.setOption(option2);