使用chart js在图形区域内绘制y轴

Question

使用 Chart.js 我想在图形区域内绘制 y 轴。

因此，不应将 y 轴值绘制在图形画布区域的左侧（或右侧），如下所示：

Answer 1

您可以通过将y 轴刻度的mirror属性设置为 来实现此目的。true

\n\n

options: {\n   scales: {\n      yAxes: [{\n         ticks: {\n            mirror: true\n         }\n      }]\n   },\n   ...\n}\n

\n\n

\xe1\xb4\xa1\xe1\xb4\x8f\xca\x80\xe1\xb4\x8b\xc9\xaa\xc9\xb4\xc9\xa2\xe1\xb4\x87x\xe1\xb4\x80\xe1\xb4 \x8d\xe1\xb4\x98\xca\x9f\xe1\xb4\x87\xe2\xa7\xa9

\n\n

\r\n

\r\n

options: {\n   scales: {\n      yAxes: [{\n         ticks: {\n            mirror: true\n         }\n      }]\n   },\n   ...\n}\n

\r\n

var ctx = c.getContext(\'2d\');\r\nvar chart = new Chart(ctx, {\r\n   type: \'line\',\r\n   data: {\r\n      labels: [\'Jan\', \'Feb\', \'Mar\', \'Apr\', \'May\'],\r\n      datasets: [{\r\n         label: \'Statistics\',\r\n         data: [30, 10, 20, 50, 40],\r\n         backgroundColor: \'rgba(0, 119, 204, 0.1)\',\r\n         borderColor: \'rgba(0, 119, 204, 0.8)\',\r\n         tension: 0\r\n      }]\r\n   },\r\n   options: {\r\n      scales: {\r\n         yAxes: [{\r\n            ticks: {\r\n               beginAtZero: true,\r\n               mirror: true //<-- set this\r\n            }\r\n         }]\r\n      }\r\n   }\r\n});

\r\n

\r\n

\r\n

\n