Question

我想创建一个图表，其中x轴中的值是字符串而不是整数。目前我看起来像这样：

  10  |
   8  |
   4  |
   0  |__________
         1   3   5

我希望这样做：

  10  |
   8  |
   4  |
   0  |____________________________
         January   February   March

我正在使用NVD3图表。任何帮助将不胜感激。

我将传递数据，但目前我手动设置。

function profiles() {
    var profiles = [];

    profiles.push({x:1,y:5});
    profiles.push({x:2,y:3});
    profiles.push({x:3,y:9});
    profiles.push({x:4,y:6});
    profiles.push({x:5,y:6});
    profiles.push({x:6,y:8});
    profiles.push({x:7,y:4});
    profiles.push({x:8,y:7});
    profiles.push({x:9,y:5});
    profiles.push({x:10,y:8});
    profiles.push({x:11,y:6});
    profiles.push({x:12,y:12});


    return [{
      values: profiles,
      key: "Profiles",
      color: "#ff7f0e"
    }];
}

而不是x：1我想要x：例如1月。

Answer 1

我会通过引导您访问此页http://nvd3.org/ghpages/discreteBar.html来建立我的灵长类动物。这似乎允许您在传入的数组中创建标签和值。如果数字来自其他地方，您可以创建月份名称数组，然后使用月份的值访问它们 - 1（1月为0为一个数组基于零）所以......

var months=["January","February","March","April","May","June","July","August","September","October","November","December"];

然后

profiles.push({"label": months[0] , "value":5 }); // jan
profiles.push({"label": months[1] , "value":3 }); // feb
etc...

我认为这应该指向正确的方向并让图表显示字符串。

x轴上的字符串

1 个答案: