小编dom*_*nik的帖子

Chart.js 在折线图周围添加边框和 yAxis 单位标题 ([s])

我有图表问题。我无法在图表、yAxis 单位标题和带有元素的 yAxis labelString 周围添加边框。我正在使用与打字稿的反应。我只能将字符串添加到 labelString。你可以在屏幕上看到我想要做什么，在另一个屏幕上你可以看到我实际拥有的东西。

chart.js@2.7.1 中是否有任何选项可以添加这些元素？

第一张图是我的目标。二是实事求是。@edit 这是我的 chartOptions 文件。我只是在函数中传递参数来获得这些选项。

import * as Chart from 'chart.js';

const getOptions = (
    beginAtZero: boolean,
    tickMax: number,
    tickStepValue: number,
    titleText: string,
    xAxesLabelString: string,
    yAxesLabelString: string,

): Chart.ChartOptions => {
    const ticks: Chart.LinearTickOptions =  {
        beginAtZero,
        fontColor: '#3C3750',
        fontFamily: 'Muli',
        fontSize: 10,
        fontStyle: 'bold',
        max: tickMax,
        stepSize: tickStepValue,
    };
    const options: Chart.ChartOptions = {
        legend: {
            display: false,
        },
        maintainAspectRatio: false,
        responsive: true,
        scales: {
            xAxes: [{
                display: true,
                gridLines: {
                    display: …

Run Code Online (Sandbox Code Playgroud)

javascript charts typescript reactjs chart.js

dom*_*nik

2018 01-16

1
推荐指数

1
解决办法

6004
查看次数