echarts3.0在IE9中,bar图在使用datazoom时,数据显示不完全的问题

kmust123 发布于 2018/04/26 16:51
阅读 716
收藏 0

我在swt控件中调用browser,然后用echarts来展现我的数据,IE是IE9,柱状图设置了dataZoom,但是当我拖动dataZoom滑竿时,展现的数据没有全部展现出来,只有当dataZoom覆盖全部时,数据才全部显示出来,这个问题是不是echarts3.0对低版本的IE还无法做到实时渲染。

源代码:

  <!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <title>ECharts</title>
      <!-- 引入 echarts.js -->
  <script src="echarts.min.js"></script>  
  </head>
  <body>
      <!-- 为ECharts准备一个具备大小(宽高)的Dom -->
      <div id="main" style="width: 1000px;height:400px;overflow-x:auto"></div>
      <script type="text/javascript">
          // 基于准备好的dom,初始化echarts实例
          var myChart = echarts.init(document.getElementById('main'));
          // 指定图表的配置项和数据
  
var data1 = [];

var random = function (max) {
    return (Math.random() * max).toFixed(3);
};

for (var i = 0; i < 500; i++) {
    data1.push(random(15));
}

option = {
    animation: false,
    xAxis: {
        type: 'value',
        min: 'dataMin',
        max: 'dataMax',
        splitLine: {
            show: true
        }
    },
    yAxis: {
        type: 'value',
        min: 'dataMin',
        max: 'dataMax',
        splitLine: {
            show: true
        }
    },
    dataZoom: [
        {
            type: 'slider',
            show: true,
            xAxisIndex: [0],
            start: 1,
            end: 35
        },
        {
            type: 'inside',
            xAxisIndex: [0],
            start: 1,
            end: 35
        }
    ],
    series: [
        {
            name: 'bar',
            type: 'bar',
            data: data1
        }
    ]
};
myChart.setOption(option);
      </script>
  </body>
  </html>

加载中
0
张亦俊
张亦俊

echarts反正是用canvas画的,你可以去查查看canvas在IE9上的情况

返回顶部
顶部