使用Chart.js

时间:2016-03-13 20:00:43

标签: javascript charts chart.js

我正在使用Chart.js并且很棒,但我有一个问题,我用Chart.js制作了这张雷达图

Radar Chart

如您所见,我所拥有的值非常分散,因此我需要为每个标签设置最大值,有没有办法做到这一点?

这是我的代码:

  @data = {
      labels: ["Health", "Phyisical Attack", "Magic Attack", "Phyisical Armor", "Magic Armor  "],
      datasets: [
          {
              label: "My First dataset",
              fillColor: "rgba(220,220,220,0.2)",
              strokeColor: "rgba(220,220,220,1)",
              pointColor: "rgba(220,220,220,1)",
              pointStrokeColor: "#fff",
              pointHighlightFill: "#fff",
              pointHighlightStroke: "rgba(220,220,220,1)",
              data: [@health_growth[0], @physical_attack_growth[0], @magic_attack_growth[0], @physical_armor_growth[0], @magic_armor_growth[0]]
          },
      ]
  };
  @options = {}

感谢。

编辑:好的,我看到scaleSteps,scaleStepWidth和scaleStartValue可以完成这项工作,但我需要为每个标签设置这些值,有没有办法做到这一点?

1 个答案:

答案 0 :(得分:0)

在显示相应的工具提示之前,只需缩放值然后除以缩放系数

data = [('a', 'developer'),
     ('b', 'tester'),
    ('b', 'developer'),
     ('c','developer'),
     ('c', 'architect')]

小提琴 - here