是否chart.js之(文件)有数据集设置图表的姓名(名称)(在我的城市如温度),X轴(例如天)的名称和Y轴(如温度)的名称选项.或者我应该用css解决这个问题?
var lineChartData = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
fillColor : "rgba(220,220,220,0.2)",
strokeColor : "rgba(220,220,220,1)",
pointColor : "rgba(220,220,220,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(220,220,220,1)",
data : [data]
}
]
}
Run Code Online (Sandbox Code Playgroud)
真的感谢你的帮助.
我在这里查看了各种文档和类似的问题,但似乎无法找到特定的解决方案.如果我遗漏了任何明显或重复这个问题的道歉!
作为一些背景信息,我使用Chart.js插件实现了4个图形,并使用PHP从数据库传递了所需的数据.这一切都正常工作,很好.
我的问题是我需要将工具提示中的数据显示为格式化数据.与%数字一样.例如,我的数据库中的一个数据是-0.17222.我把它格式化为一个百分比显示在我的表中,一切都很好.但是,在设置chart.js条形图的数据时,数据显然缺少此格式并显示为-0.17222,这是我不想要的.
对不起,我想张贴一张照片,但我的声誉太垃圾了!
我从数据库中获取数据,然后设置到我的表中:
var kpiRex = new Handsontable(example1, {
data: getRexData(),
Run Code Online (Sandbox Code Playgroud)
然后我在图表部分中提供这样的数据:
data: kpiRex.getDataAtRow(3)
Run Code Online (Sandbox Code Playgroud)
任何帮助都会很棒!我已经被困在这几个小时了,这可能是我非常简单的事情.
javascript code-formatting string-formatting number-formatting chart.js
我正在艰难地想出如何在我的Chart JS折线图中显示标签,图例和标题.我直接从示例中复制了代码(下面再现).但是,标签"我的第一个数据集"没有出现在图表的任何地方,因此我无法确定哪一行是哪一行.我也尝试在我的数据集中添加"标题",但没有运气.谁知道我错过了什么?
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: "My Second dataset",
fillColor: "rgba(151,187,205,0.2)",
strokeColor: "rgba(151,187,205,1)",
pointColor: "rgba(151,187,205,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)",
data: [28, 48, 40, 19, 86, 27, 90]
}
]};
Run Code Online (Sandbox Code Playgroud)
谢谢,Saswat
有一种当前dataset
元素的颜色,但是如何将当前dataset
标签放入tooltip
,从xAxis交换标签?
试图在条形图上比较今年和去年,并且未显示数据集“今年”和“上一年”的标签。当并排比较多个数据集时,此功能特别方便,因此非常感谢您的帮助。顺便说一下,我的chartjs版本是2.1.4
var chartdata = {
type: 'bar',
data: {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
// labels: month,
datasets: [
{
label: 'this year',
backgroundColor: '#26B99A',
data: sold1
},
{
label: 'previous year',
backgroundColor: '#03586A',
data: sold2
}
]
}
};
Run Code Online (Sandbox Code Playgroud)