Javascript 我怎样才能指定；“每个数据集”；用Chart.js解析？

我试图弄清楚在指定数据集时如何使用ChartJS中的

yAxisKey

选项，但从文档复制时遇到了麻烦。我曾尝试搜索涉及

yAxisKey

（或

xAxisKey

）、

解析

选项以及指定

数据集

的一般信息的问题，但不幸的是，到目前为止都是空白

示例

示例图表
const data=[{x:'1'，net:100，cogs:50，gm:50}，{x:'2'，net:120，cogs:55，gm:75}]；
常量配置={
类型：'bar'，
数据：{
标签：[“一月”、“二月”]，
数据集：[{
标签：“净销售额”，
数据：数据，
解析：{
yAxisKey:“网络”
}
}, {
标签：“销售商品成本”，
数据：数据，
解析：{
yAxisKey：“齿轮”
}
}, {
标签：“毛利率”，
数据：数据，
解析：{
yAxisKey：“通用汽车”
}
}]
},
};
window.onload=函数（）{
const ctx=document.getElementById（'canvas'）.getContext（'2d'）；
让图表=新图表（ctx，配置）；
};

这为我生成了一个空的图表

我错过了什么明显的东西吗？误解语法

---

提前谢谢

显然，这个按数据集

解析
选项仅在即将发布的Chart.js 3.0.0版中可用。但是，当前的稳定版本是2.9.3

请查看下面的代码，并了解它如何与Chart.js 3.0.0 alpha-2配合使用



示例图表
const data=[{x:'1'，net:100，cogs:50，gm:50}，{x:'2'，net:120，cogs:55，gm:75}]；
常量配置={
类型：'bar'，
数据：{
标签：[“一月”、“二月”]，
数据集：[{
标签：“净销售额”，
数据：数据，
解析：{
yAxisKey:“网络”
}
}, {
标签：“销售商品成本”，
数据：数据，
解析：{
yAxisKey：“齿轮”
}
}, {
标签：“毛利率”，
数据：数据，
解析：{
yAxisKey：“通用汽车”
}
}]
},
};
window.onload=函数（）{
const ctx=document.getElementById（'canvas'）.getContext（'2d'）；
让图表=新图表（ctx，配置）；
};
由于当前使用的Chart.js 2.8.0版中尚未提供“按数据集分析”选项，因此您仍然可以通过该函数获得相同的结果

请看一下你修改过的代码，看看它是如何工作的



示例图表
常数数据=[
{x:'Jan'，net:100，cogs:50，gm:50}，
{x:'Feb'，净值：120，cogs:55，gm:75}
];
常量配置={
类型：'bar'，
数据：{
标签：data.map（o=>o.x），
数据集：[{
标签：“净销售额”，
数据：data.map（o=>o.net）
}, {
标签：“销售商品成本”，
数据：data.map（o=>o.cogs）
}, {
标签：“毛利率”，
数据：data.map（o=>o.gm）
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
};
window.onload=函数（）{
const ctx=document.getElementById（'canvas'）.getContext（'2d'）；
让图表=新图表（ctx，配置）；
};
啊，那太糟糕了。然后我将使用
map
。谢谢