为什么我这大屏柱状折线图只显示折线

Question

Answer 1

这两个的数据是一模一样的，我怀疑是加载的问题，但不太清楚怎么处理:sob:

Answer 2

回复
这两个的数据是一模一样的, 但代码实现的定义，是否一样？ 就是说，两个页面是否出自 同一套代码？ 请用第二个正常显示（同时显示柱状图）的页面的代码，替换第一个出现异常的页面代码， 试试。如果这时异常消失(即同时显示柱状图)，说明第一个页面的定义有问题。

Answer 3

在楼主显示的"另一页的图"上, 同时显示折线(line)和柱状(bar)。我断定 这里的 option 定义的 series : [{...}, ...] 中，必定先后分别写出了两种图形( line 和 bar ) 的定义，并且包括各自的数据。折线仅出现在前一段，后来就消失了。这里的代码是否是： 折线类型的部分的定义，仅提供了前一段的数据， 之后的数据值为 null， 或没有提供？
即 类似这样：

series : [ {
		data:[...,...,...,null,null], //？
		type: 'line',
		...
		
	},{ //请楼主检查一下 "第一张(命题所示的)未显示柱状的图" 的代码，是否缺失这段柱状 bar 的 定义
            name:'.....',
            type:'bar',
            ....,
            data:[...,...,...,...,...]
        }
    ]

所以，请楼主检查一下 "第一张(命题所示的)未显示柱状的图" 的代码，是否缺少了 type:'bar', 图形的定义，或 是否缺失这一段柱状图对应的数据。

Answer 4

在另一个页面可以显示

Answer 5

1. 在 eacharts 的 option 定义的 series : [{...}, ...] 中，若 写成 type: 'line', 则指定图形的类型为折线，如果写成 type: 'bar', 则将图画成 直方(柱形)图。
2. 若添加工具箱的定义，比如，

 toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType: {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },

则会显示一系列按钮。

用它们可以切换图的类型(折线或柱状)。