chart.js网格如何改成虚线?

如图一,该怎么把网格改成虚线,找了gridLines的配置,并没有值可以改。
以及图二红线位置,就是y轴上的字段间距从哪些字段下手改?有大佬知道求指点。

图片描述

图片描述

阅读 4.2k
2 个回答
 yAxis: {
        axisLine: {
            show: true,
            lineStyle:{
            type:'dotted'// or dashed
            }
        },
        
        axisTick: {
            show: true
        },
        axisLabel: {
             padding:[000,50,0,20],//上右下左
            textStyle: {
                color: '#999'
            }
        }
    },
新手上路,请多包涵

options: {

cubicInterpolationMode: 'monotone',
plugins: {legend: false},
scales: {
    x: {
        grid:{
            color: 'magenta',
        },
        border: {
            dash: [2,4],
        },  
        ticks: {display: false}
    },
    y: {
        grid: {
            color: 'magenta',
        },
        border: {
            dash: [2,4],
        }, 
        ticks: {
            callback: function(value) {
                return value + 'k';
            }
        }
   }
}

}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题