可以在 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
    }
});

另一种选择是将文本元素 "by hand" 置于轴下方：

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

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

can use strings as X axis labels in jsx graph

jsxgraph