问题描述
我有一个包含两个不同数据集的图表,但有时它们具有相同的x,y坐标。但是当我悬停共享点时,它有时会显示错误的日期。 y值是正确的,但它是未正确显示的x值。
尝试悬停共享点
更新
我更新了具有相同日期的笔和固定点。我还添加了类型:'time'
感谢。
。
但是现在,x轴上的日期很奇怪。他们不再说 2011年3月6日
了,但他们说 2011年第1季度
。并且工具提示仍然存在错误。
您在图表配置中为类别笛卡尔轴定义了自定义比例。将xAxes的类型设置为类别。这可能不是必要的,因为ChartJS默认选择此项。
期权:{
scale:{
xAxes:[{
类型:'category',
....
另外,第二个数据集格式不正确。您应该以 {x:xval,y:yval}
格式提供数据点。
参考文献:
I have a chart with two different datasets, but sometimes they have the same x, y coordinates. But when I hover a shared point, it sometimes shows the wrong date. The y value is correct, but it's the x value that is not showing correctly.
Try hovering a shared point here on codepen.
In the image below you can see I'm hovering { y: 56.04, x: April 05, 2014 }
, but is shows the xLabel value of 58.28
, which is April 15, 2012
. Also, you can see in the chart that both 57.05
and 58.28
have April 15, 2012
as x-value, but they are not on the same y position!
The code is too long to share on stackoverflow, but I made this codepen so you can view, fork and edit it there.
Update
I updated the pen and fixed points that have the same date. I also added type: 'time'
thanks to @Oluwafemi Sule.
But now, the dates on the x-axis are weird. They don't say March 06, 2011
anymore, but they say Q1 2011
. And the tooltips still bug.
You defined a custom scale for a category cartesian axis in your chart configuration. Set the type for your xAxes to 'category'. This may not be neccessary as ChartJS picks this up by default.
options: {
scales: {
xAxes: [{
type: 'category',
....
Also, the second data set isn't formatted properly. You should supply the data points in {x: xval, y: yval}
format.
References:
http://www.chartjs.org/docs/latest/axes/cartesian/time.html#time-cartesian-axis
这篇关于JavaScript - Chart.js工具提示显示错误的x轴值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!