小编Ann*_*nne的帖子

如何使用 Chart.js 指定“每个数据集”解析?

我试图弄清楚在指定数据集时如何使用ChartJS 中的选项,但在从文档中重现此示例时yAxisKey遇到了麻烦。我尝试搜索涉及( 或)、选项以及有关指定 的一般信息的问题,但不幸的是到目前为止还是空白。yAxisKeyxAxisKeyparsingdatasets

例子

<!doctype html>
<html>
<head>
    <title>Example Chart</title>
    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
</head>

<body>
    <canvas id="canvas"></canvas>
    <script>
        const data = [{x: 'Jan', net: 100, cogs: 50, gm: 50}, {x: 'Feb', net: 120, cogs: 55, gm: 75}];
        const config = {
                type: 'bar',
                data: {
                    labels: ['Jan', 'Feb'],
                    datasets: [{
                        label: 'Net sales',
                        data: data,
                        parsing: {
                            yAxisKey: 'net'
                        }
                    }, {
                        label: 'Cost of goods sold',
                        data: data,
                        parsing: {
                            yAxisKey: 'cogs' …
Run Code Online (Sandbox Code Playgroud)

javascript chart.js

5
推荐指数
1
解决办法
7125
查看次数

标签 统计

chart.js ×1

javascript ×1