Question

我在我的React应用程序中使用ChartJS来渲染带有竖线和条形图的条形图我需要在每个条形图的底部显示标签，但隐藏条形图之间的垂直线条（刻度线）。这是我到目前为止所尝试的：

这与我想要的相反，它显示的是刻度而不是标签：

<UserControl
...
x:Name="MyButton">
....
....
<!--only showing for the TextBlock, but I've done the same for the SymbolIcon-->
<TextBlock Grid.Column="1"
           Text="{Binding Path=ButtonText,ElementName=MyButton}"/>

这显示了所有内容：

xAxes : [ {
        display : true, // set this to false to hide the labels under the bars
        ticks: {
            display : false
        }
    }]

有什么建议吗？

Answer 1

如何将网格线显示设置为false？

xAxes: [{
    gridLines: {display:false}
    }]

FIDDLE HERE

Answer 2

对于Chartjs 2.9.3，您可以使用：

    xAxes: [{
      gridLines: {
        drawTicks: false,
       }
    }]

Chartjs显示标签但不显示标记

2 个答案: