固定范围并填充 Apache eCharts 中的缺失值答案

【问题标题】：Fixed range and fill missing values in Apache eCharts固定范围并填充 Apache eCharts 中的缺失值
【发布时间】：2020-05-27 13:22:19
【问题描述】：

我正在尝试根据以下条件在 eCharts 中显示月度值：

填充缺失值（例如，为间隔内的缺失月份显示一个空条）
从特定月份开始
在特定月份结束

输入数据示例

let x = ['2019-10', '2020-02', '2020-03']
let y = [1403, 938, 1105]

所需输出的示例：

我已尝试对 xAxis 使用以下选项，但无济于事：

  xAxis: {
    type: 'time',
    axisLabel: {
      formatter: 'YYYY-MM',
    },
    min: '2019-05',
    max: '2020-05',
    data: x
  }

JSFiddle 可在此处获得：http://jsfiddle.net/pewx61gz/3/

【问题讨论】：

标签： javascript echarts

【解决方案1】：

Echarts 几乎没有获得所需的选项。我不知道所有可能的选项，并且更喜欢最简单且明显定义的选项，因为如果您想以编程方式更改图表行为，您将因您还不知道的选项依赖关系而陷入困境。

我有点change your example:

let x = ['2019-07-01','2019-08-01', '2019-10-01', '2020-02-01', '2020-03-01', '2020-04-01', '2020-05-01']
let y = ['-', '-', 1403, 938, 1105]

var myChart = echarts.init(document.getElementById('main'));

var option = {
  title: {
    text: 'ECharts'
  },
  tooltip: {},
  xAxis: {
    type: 'category',
    axisLabel: {
      //formatter: 'YYYY-MM',
      formatter: val => {
        var date = new Date(val).toISOString();
        return date.slice(0,7);
      },
    },
    //min: '2019-05',
    //max: '2020-05',
    data: x
  },
  yAxis: {},
  series: [{
    type: 'bar',
    data: y
  }]
}

myChart.setOption(option)

<script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.min.js"></script>
<div id="main" style="width: 600px;height:400px;"></div>

附： '-'——这是说“没有数据”的传统方式。

【讨论】：