在我的 js 雷达图中哪里可以使用 FontSize?

问题描述 投票:0回答:0

我是初学者。我正在使用 javascript 在我的网站上创建雷达图(请参阅下面的代码)。请给我两个不同的问题。

  1. 当这些值显示在我的网站上时,我应该向 js 代码添加什么才能更改“VALUE1”、“VALUE2”、“VALUE3”、“VALUE4”和“VALUE5”的字体大小/系列?

  2. 我应该在 js 代码中添加什么才能使用自定义 png 图像代替文本“VALUE1”、“VALUE2”、“VALUE3”、“VALUE4”和“VALUE5”,当这些值显示在我的网站 ?

$(function() {
    var ctx = $("#myChart");
    var data = {
    labels: ["VALUE1","VALUE2","VALUE3","VALUE4","VALUE5"],
    datasets: [
        {
            label: "DATA1",
            backgroundColor: "rgba(62,135,74,.5)",
            pointBackgroundColor: "#34b44a",
            data: [4, 3, 1, 5, 2]
        }
    ]
    };
    
    var options = {
    
    legend: {
    display: false
    },
    elements: {
    line: {
    }
    },
    scale: {
    angleLines: {
      color: '#666',
      backgroundColor: 'rgba(255,0,0,1)',
      borderColor: 'rgba(0,255,0,1)',
      backdropColor: 'rgba(0,255,0,1)'
    },
    gridLines: {
      color: '#666',
      backgroundColor: 'rgba(255,0,0,1)',
      borderColor: 'rgba(0,255,0,1)',
      backdropColor: 'rgba(0,255,0,1)'
    },
    pointLabels: {
      fontColor: '#fff'
    },
    ticks: {
      min: 0,
      max: 5,
      stepSize: 1,
      display: false
    }
    },
    tooltips: {
    enabled: false
    }
    };
    
    var myRadarChart = new Chart(ctx, {
    type: 'radar',
    data: data,
    options: options
    });
    });
javascript image charts fonts size
© www.soinside.com 2019 - 2024. All rights reserved.