热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ChartJS中的虚线

如何解决《ChartJS中的虚线》经验,为你挑选了1个好方法。

我使用Chart.js中的图表来创建我的图表,我想要做的是在同一个图表上有2条水平线,但其中一条应该是点缀的.我试图在Google上找到解决方案但没有成功.

你知道怎么做吗?

提前致谢,



1> Omi..:

您可以将该border-dash属性用于特定数据集.您可以指定边框长度和间距.例如 borderDash: [10,5]

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["Label1", "Label2", "Label3"],
        datasets: [{
            label: 'legend1',
            data: [12, 19, 3],
            borderDash: [10,5]
        },{
            label: 'legend2',
            data: [22, 9, 13],
          
        }]
      
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    }
});




  
    

推荐阅读
author-avatar
手机用户2502855763
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有