可以在jsx图中使用字符串作为X轴标签

Question

我正在尝试使用JSX图形库绘制完全相同的图形：

但我坚持将x轴变量更改为文本..

先谢谢..

Answer 1

目前，这不是开箱即用的。有两种简单的可能性：您可以将标签放在栏上。这可以通过使用labels属性来完成：

var a = board.create('chart', dataArr, {
    chartStyle: 'bar',
    width: 0.6,
    labels: ['cat', 'dog', 'mouse'],
    hasInnerPoints: true,
    label: {
        fontSize: 16
    }
});

另一个选择是在轴下方“手动”文本元素：

board.create('text', [1, -0.5,  'cat'], {});
board.create('text', [2, -0.5,  'dog'], {});
board.create('text', [3, -0.5,  'mouse'], {});