莫里斯图表 space 之间的名称 "data:"

Question

我正在寻找一种方法来打破显示名称，但对我来说这似乎是不可能的。我是正确的？我的意思是数据属性：[{}]

例如我需要一个 space 的名字：link nameA/B 并且我不想使用 link_nameA

       Morris.Area({
      element: 'myfirstchart',
      data: [{
          date: '2021-10-19',
          link nameA: 2,
          link nameB: 3,
          extra: 0
        },
        {
          date: '2021-10-20',
          link nameA: 5,
          link nameB: 4,
          extra: 0
        }
      ],
      xkey: 'date',
      ykeys:  ['link nameA', 'link nameB', 'extra'],
      xLabels: 'day',
      labels: ['link nameA', 'link nameB', 'extra'],
      pointSize: 3,
      fillOpacity: 0,
      pointStrokeColors: ['#00bfc7', '#00bfc7', '#9675ce'],
      behaveLikeLine: true,
      gridLineColor: '#e0e0e0',
      lineWidth: 3,
      hideHover: 'auto',
      lineColors: ['#0bc36e', '#00bfc7', '#9675ce'],
      dateFormat: function(date) {
        d = new Date(date);
        return d.getDate() + '/' + (d.getMonth() + 1) + '/' + d.getFullYear();
      },
      resize: true
    });

有什么办法可以满足我的需求吗？因为使用 space 脚本将无法正常工作。

谢谢。

Answer 1

使用 JavaScript，如果键用引号括起来，对象键可以包含空格。

const data = {
  "link nameA": "foobar",
}
console.log(data['link nameA'])

莫里斯图表 space 之间的名称 "data:"

Morris Chart space between name in "data:"

morris.js