javascript - 如果饼图Chartjs中所有数据值都为零,则显示空数据
问题描述
在显示饼图时,我遇到数据集的所有值都为零的情况。现在,当这种情况发生时,饼图未显示。相反,我想在这种情况下将文本显示为空数据。我的主干代码如下。任何帮助将不胜感激!
ctx = $(@el).find('#active-goals-status canvas#pie-chartcanvas')[0]
ctx.height = 100%
labels = []
values = []
$.each @status_model.get('goal_status'),(status, value)->
labels.push(status)
values.push(value)
myPieChart = new ChartNew ctx,
type: 'pie',
data:
labels: labels
datasets: [
backgroundColor: ['#DCDCDC','#FF0000','#00FF00','#FFFF00']
data: values
]
options:
responsive: true
title:
display: true,
text: ECL.t('goals_status_upcase', {default_value: 'GOAL
STATUS'})
position: 'bottom'
fontSize: 12
fontColor: '#999'
fontStyle: 'normal'
legend:
display: false
layout:
padding:
left: 0
right: 0
margin:
left: 0
right: 0
解决方案
推荐阅读
- java - Vert.x 项目如何构建一个包含所有其他 Verticle 的 jar
- html - HTML ul li,删除点和文本之间的空格,没有填充、边距或文本缩进属性
- r - 如何在对数图中添加趋势线(ggplot2)?
- c++ - C++ 试图将命令行转换为 int。使用 atof() 或 atoi() 时出现分段错误
- python - 根据值从现有字典生成所有可能的字典
- android - APK 携带旧数据
- google-apps-script - 在脚本中的文本之后插入图像
- r - 使用 purrr::flatten_dfr 将数据帧列表展平为一个数据帧
- ios - UIScrollView 框架通过更改模拟器设备来更改
- python - 在同一个包python中导入文件