折线图的自定义YAx使用ChartJS

我想将chartJS中的折线图的gridLines下方的y轴刻度标签对齐。

这是到目前为止我得到的:

折线图的自定义YAx使用ChartJS

但是,我想显示相同的内容

折线图的自定义YAx使用ChartJS

我的选择:

options={{
        legend: { display: false },tooltips: {
          mode: 'index',intersect: false
        },responsive: true,maintainAspectRatio: false,scales: {
          xAxes: [
            {
              display: false,gridLines: {
                display: false,drawBorder: false
              }
            }
          ],yAxes: [
            {
              // display: false,ticks: {
                maxTicksLimit: 4,// labelOffset: 10,// display: false
              },pointLabels: {
                fontColor: '#E14640',fontSize: 11
              },gridLines: {
                display: true,drawBorder: false,color: '#898989',maxTicksLimit: 3,borderDash: [3,5]
              }
            }
          ]
        },plugins: {
          datalabels: {
            display: false
          }
        }
      }}

我无法在图表选项中找到任何选项来执行此操作。请帮忙 更新时间:2019/01/10

我找到了两种解决方法:

  1. 使用chartjs插件,使用chart插件事件,然后在网格线下方绘制文本
  2. 推荐:从chartjs获取报价(例如:报价:[0,5,10]) 并获得图表的高度。创建一些刻度标签(带有html),然后 追加到chartjs(使用位置:绝对)

ps。抱歉,我的英语能力很差!

nanyun1 回答:折线图的自定义YAx使用ChartJS

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2832119.html

大家都在问