簡體   English   中英

如何在雷達圖上反轉比例顯示(chart.js)

[英]How to invert scale display on radar chart (chart.js)

你好,有人知道如何在我的圖表上反轉比例顯示嗎? 我希望它從 100 開始,以 0 結尾

我試過 scale:reverse 但它沒有用

var scaling = [10, 10, 10, 10, 10, 10];
var barData = {
  labels: [["PH"],
      ["Heavy Metals"],
      ["Chemical Oxygen Demand"],
      ["Transparency"],
      "Ammonia Nitrogen",
      ["Dissolved", "Oxygen"],],
  datasets: [
    {
      fillColor: "#48A497",
      strokeColor: "#48A4D1",
      data: [2, 10, 7, 10, 7, 10].map(function (e, i) {
        return e * scaling[i];
      }),
    },
  ],
};

var income = document.getElementById("income").getContext("2d");
new Chart(income).Radar(barData, {
  tooltipTemplate: function (valueObject) {
    return (
      valueObject.value / scaling[data.labels.indexOf(valueObject.label)]
    );
  },
});

在此處輸入圖像描述

不確定這是否有效,

var scaling = [10, 10, 10, 10, 10, 10];
[2, 10, 7, 10, 7, 10].map(function (e, i) {
    return scaling[i] = e * scaling[i];
})

var barData = {
    labels: [
        ["PH"],
        ["Heavy Metals"],
        ["Chemical Oxygen Demand"],
        ["Transparency"],
        "Ammonia Nitrogen",
        ["Dissolved", "Oxygen"],
    ],
    datasets: [
        {
            fillColor: "#48A497",
            strokeColor: "#48A4D1",
            data: scaling.sort(function(a, b) {
                return b-a;
            }),
        },
    ],
};

var income = document.getElementById("income").getContext("2d");
new Chart(income).Radar(barData, {
    tooltipTemplate: function (valueObject) {
        return (
            valueObject.value / scaling[data.labels.indexOf(valueObject.label)]
        );
    },
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM