如何使用图表JS在垂直条形图中设置y轴值
P粉729436537
P粉729436537 2023-08-29 10:38:36
[CSS3讨论组]

在此垂直条形图中,y 轴有正值、负值。

我想根据零值上下使用正整数。

我使用的是4.2.1版本

我该怎么办?

垂直图表示例

var MONTHS = [
      "January",
      "February",
      "March",
      "April",
      "May",
      "June",
      "July",
      "August",
      "September",
      "October",
      "November",
      "December",
    ];
    var color = Chart.helpers.color;
    var barChartData = {
      labels: ["January", "February", "March", "April", "May", "June", "July"],
      datasets: [
        {
          label: "Dataset 1",
          backgroundColor: 'rgba(255, 201, 14, 1)',
          borderColor: 'rgba(255, 201, 14, 1)',
          borderWidth: 1,
          data: [
            10,
            20,
            30,
            40,
            50
          ],
        },
        {
          label: "Dataset 2",
          backgroundColor: 'rgba(255, 201, 14, 1)',
          borderColor: 'rgba(255, 201, 14, 1)',
          borderWidth: 1,
          data: [
            -100,
            -200,
            -300,
            -400,
            -500
          ],
        },
      ],
    };

    var ctx = bloodPressureChart;
    new Chart(ctx, {
      type: "bar",
      data: barChartData,
      options: {
        responsive: true,
        legend: {
          position: "top",
        },
        title: {
          display: true,
          text: "Chart.js Bar Chart",
        },
      },
    });

这是我使用图表 JS 的代码。

我的代码图表

P粉729436537
P粉729436537

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号