Question

我有一些角度值，以度，分和秒表示。我想在Chart.js图表中一起显示它们。

假设值是1° 30' 26"和1° 30' 25"。该图表应显示角度如何减小1"。

我想到了将角度值转换为十进制度数

1° 30' 26" = 1° + 30'/60 + 26"/3600 = 1.507222°
1° 30' 25" = 1° + 30'/60 + 25"/3600 = 1.506944°

我制作了一个带有小数度的折线图：

var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["initial value", "2016-02"],
        datasets: [{
            label: "angle",
            borderColor: 'rgb(255, 99, 132)',
            /* 1° 30' 26" = 1° + 30'/60 + 26"/3600 = 1.507222°
             * 1° 30' 25" = 1° + 30'/60 + 25"/3600 = 1.506944°
             */
            data: [1.507222, 1.506944],
            fill: false
        },
        ]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    labels: ["1 30 26", "1 30 25"],
                    beginAtZero:false
                }
            }]
        }
    }
});

<canvas id="myChart" aria-label="Angle evolution chart" role="img"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>

我的问题是我仍然想显示度，分和秒。在Y轴和值工具提示上。

对于Y轴，如示例所示，我尝试设置options.scales.yAxes.ticks.labels。似乎没有任何效果（也许我没有正确使用它）。
对于工具提示，我不知道该怎么做。

是否可以通过Chart.js实现我想要的？如果没有，我有什么选择？我想我可以尝试自己添加支持，但是也许其他图书馆已经在这样做了？

还是有更好的方法来表示角度值？

如何制作角度值图表？

0 个答案: