Chart.js相对于x值放置y值位置及其x标签位置

时间:2017-06-25 12:08:33

标签: chart.js

我是否可以提供一个chart.js图表​​,其中包含具有相应标签/ X值的Y值列表,并将它们相对于自己的值垂直和水平放置。

例如:我有一个特定时间的值列表(unix时间戳)我希望在图表上显示,其Y值相对于其定位,但其水平位置及其标注相对于x-scale

The Y values and its labels are both automatically positioned according to their values

此时它始终以相等的距离完全在整个x轴上展开我的标签,而不考虑标签本身的值。有没有办法用chart.js自动完成这个?

1 个答案:

答案 0 :(得分:1)

线条或散点图可以完成这项工作。主要标准是数据是一系列x和y坐标。数组中的每个点都采用以下形式:

{
  x: xValue,
  y: yValue
}

请参阅http://www.chartjs.org/samples/latest/charts/scatter/basic.html

here is a jsfiddle可以复制您的图片。