亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

ChartJS 雷達圖雷達線顏色?

ChartJS 雷達圖雷達線顏色?

一只斗牛犬 2022-05-26 10:22:53
所以我對此進行了很多研究,但沒有找到解決方案,我想改變雷達線的顏色,如下所示:有沒有辦法做到這一點?這是我當前的代碼:new Chart(document.getElementById("result_chart"), {    "type": "radar",    "data": {        "labels": ["Idea", "Timing", "Skills", "Concept", "Market Plan", "MVP", "Revenue Potential", "Competition", "Team", "BMC", "Financial Model"],        "datasets": [{            "label": "Your Results",            "data": [              10,              20,              30,              40,              50,              60,              70,              80,              90,              100,              110            ],            "fill": true,            "backgroundColor": "rgba(165, 211, 164, 0.2)",            "borderColor": "rgb(165, 211, 164)",            "pointBackgroundColor": "rgb(165, 211, 164)",            "pointBorderColor": "#fff",            "pointHoverBackgroundColor": "#fff",            "pointHoverBorderColor": "rgb(255, 99, 132)"        }]    },    "options": {        "elements": {            "line": {                "tension": 0,                "borderWidth": 3            }        }    }});
查看完整描述

3 回答

?
RISEBY

TA貢獻1856條經驗 獲得超5個贊

您可以通過將這些道具添加到圖表的比例規范中輕松做到這一點:


scale: {

      gridLines: {

        color: 'red'

      },

      angleLines: {

        color: 'red'

      }

    },

視覺輸出將是您要求的輸出

http://img1.sycdn.imooc.com//628ee4aa0001289b12850451.jpg

查看完整回答
反對 回復 2022-05-26
?
Helenr

TA貢獻1780條經驗 獲得超4個贊

看來庫的配置已更改,現在應該如下所示:


...

scales: {

          r: {

            grid: {

              color: "lightgreen",

            },

          }

}        


查看完整回答
反對 回復 2022-05-26
?
白衣非少年

TA貢獻1155條經驗 獲得超0個贊

options: {

        scales: {

            r: {

                max: 100,

                min: 0,

                ticks: {

                    stepSize: 20,

                    textStrokeColor: 'rgb(54, 162, 235)',

                    color: 'rgba(240, 240, 240, 0.5)',

                    backdropColor: 'rgb(47, 56, 62)'

                },

                angleLines: {

                    color: 'rgba(240, 240, 240,0.5)',

                },


                grid: {

                    color: "lightgreen",

                },


            },

            

        

        },

http://img1.sycdn.imooc.com//628ee4c20001f00716880760.jpg

查看完整回答
反對 回復 2022-05-26
  • 3 回答
  • 0 關注
  • 215 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號