热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何从Echart库的折线图中删除网格

如何解决《如何从Echart库的折线图中删除网格》经验,为你挑选了1个好方法。

我将通过echart库绘制折线图。当我绘制图表时,它也显示网格。我不需要网格,但是无法删除它。我已经签出了Echart选项,并且我知道grid:{show = false}是echart的选项,但是它无效。我的代码段如下。

function lineGraph(xAxisLabels){    
var echartLine = echarts.init(document.getElementById('myElineChart')); 
  echartLine.setOption({
    grid: {show: false},
    xAxis: [{
      type: 'category',
      showGrid: false,
      data: xAxisLabels
    }],
    yAxis: [{
      type: 'value',    
    }],
    series: [{
      name: 'Actual',
      type: 'line',
      data: [820, 932, 901, 934, 1290, 1330, 1320]
    }],
  });}

结果如下:

如果您能帮助我,我将不胜感激。



1> 小智..:

我参加聚会很晚,但是如果将来有人需要帮助,请回答这个问题。

可以认为这是由于grid属性引起的,这是一个很好的猜测,但是默认情况下,Grid实际上设置为false。这些线是由X Y轴上的属性splitLine 生成的,该属性使它看起来像网格。您可以通过如下所示更改属性来删除它:

function lineGraph(xAxisLabels){    
var echartLine = echarts.init(document.getElementById('myElineChart')); 
  echartLine.setOption({
    grid: {show: false},
    xAxis: [{
      type: 'category',
      showGrid: false,
      data: xAxisLabels,
      splitLine: {
         show: false
      },
    }],
    yAxis: [{
      type: 'value',   
      splitLine: {
         show: false
      },
    }],
    series: [{
      name: 'Actual',
      type: 'line',
      data: [820, 932, 901, 934, 1290, 1330, 1320]
    }],
  });}


推荐阅读
author-avatar
wr人在峡
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有