如何在Chartjs条形图中删除零值条形图的条形图?

时间:2015-04-23 22:29:35

标签: html5 html5-canvas bar-chart chart.js

即使条形图在使用chartjs创建的条形图中的值为零,它们仍会显示可见条形图。这对我的目的具有误导性,我希望将其删除并在那里显示任何内容(意思是,我仍然希望显示零值而不是标签的标签)。我尝试改变y轴的最小值,但它没有什么区别。下图显示了第56,60和78列的这个问题。有没有办法摆脱这个?谢谢!

bar chart

这是我的剧本:

@IBOutlet var shrimpSwitch: UISwitch!

@IBOutlet var nutSwitch: UISwitch!

@IBOutlet var dairySwitch: UISwitch!

let switchState = NSUserDefaults.standardUserDefaults()


if shrimpSwitch.switch.on{

    switchState.setBool(true, forKey: "shrimpSwitch")
}
else{

    switchState.setBool(false, forKey: "shrimpSwitch")
}

if nutSwitch.on{

    switchState.setBool(true, forKey: "nutSwitch")
}
else{

    switchState.setBool(false, forKey: "nutSwitch")
}

if dairySwitch.on{

    switchState.setBool(true, forKey: "dairySwitch")
}
else{

    switchState.setBool(false, forKey: "dairySwitch")
}

2 个答案:

答案 0 :(得分:1)

默认情况下,barStrokeWidth值为2。

只需添加:

barStrokeWidth:0,

或:

barShowStroke : false,

在您的选项中。

http://www.chartjs.org/docs/#bar-chart-chart-options

  

// Boolean - 如果每个栏上都有一个笔画

     

barShowStroke:true,

     

// Number - 条形笔画的像素宽度

     

barStrokeWidth:2,

答案 1 :(得分:0)

如果barShowStroke : true

无法正常工作

barRadius: 0