首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >echarts webGL加速

echarts webGL加速
EN

Stack Overflow用户
提问于 2021-09-09 15:27:53
回答 1查看 240关注 0票数 1

我想在我的一个项目中使用echarts。当我加载大约1.000.000个数据点时,我的图表变得非常慢。我知道echarts-gl提供了webGL支持,但是我找不到任何关于如何使用它的文档,比如折线图-- 'lineGL‘不起作用。

有谁知道如何在apache echarts中将webGL与折线图结合使用?

EN

回答 1

Stack Overflow用户

发布于 2021-09-16 05:13:27

我自己也在研究这一点,但没有webgl的性能,我强烈建议使用samplinglarge系列来提高性能。

Settings Symbols = "none"还极大地提高了性能。

示例:

代码语言:javascript
运行
复制
{
animation: false,
xAxis: {
    type: 'time',
    silent: false,
    splitLine: {
        show: false
    },
    splitArea: {
        show: false
    }
},
yAxis: {
    type: 'value',
    splitArea: {
      show: false
    }
},
dataZoom: [
  {
      type: 'slider',
      show: true,
      xAxisIndex: [0],     
  },
  {
      type: 'inside',
      xAxisIndex: [0],
  },
],
tooltip:{
  
  trigger: "axis",
  axisPointer: {
    type: 'shadow'
  },

},
series: [{
  type: 'line',
  data: randomPoints(500000, 0),
  sampling: 'average',
  large: true,
  showSymbol: false,
  lineStyle:{
    width:1.25,
  },
  animation: false,
  emphasis:{
    lineStyle:{
      width:1.25
    }
  },
  silent: true,
},
{
  type: 'line',
  data: randomPoints(500000, -200000),
  sampling: 'average', 
  large: true,
  showSymbol: false,
  lineStyle:{
    width:1.25,
  },
  animation: false,
  silent: true,
  emphasis:{
    lineStyle:{
      width:1.25
    },
  }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69120961

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档