第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

調(diào)整大小時(shí)自定義儀表圖表不起作用

調(diào)整大小時(shí)自定義儀表圖表不起作用

HUWWW 2023-11-02 20:16:28
我需要自定義儀表高圖作為我將其定制為 jsfiddle 代碼。var gaugeOptions = {    chart: {        type: 'solidgauge'    },    title: null,    pane: {        center: ['50%', '85%'],        size: '140%',        startAngle: -90,        endAngle: 90,        background: {            backgroundColor:                Highcharts.defaultOptions.legend.backgroundColor || '#EEE',            innerRadius: '60%',            outerRadius: '100%',            shape: 'arc'        }    },    exporting: {        enabled: false    },    tooltip: {        enabled: false    },    // the value axis    yAxis: {                    stops: [            [0.1, '#55BF3B'], // green            [0.5, '#DDDF0D'], // yellow            [0.9, '#DF5353'] // red        ],                        lineWidth: 2,        tickWidth: 10,        tickInterval: 10,                lineColor: '#fff',                    minorTickInterval: null,                labels: {            enabled: false        },        minorTickPosition: 'inside',        tickPosition: 'inside',                tickPixelInterval: 10,        tickLength: '50',                tickColor: '#fff',        zIndex: 6,                minorTickWidth: 0,            },        plotOptions: {        solidgauge: {            dataLabels: {                enabled: false            },                        rounded: false        },         gauge: {            dial: {                radius: '40',                backgroundColor: '#1d96e0',                baseWidth: 20,                topWidth: 1,                baseLength: '5%', // of radius                rearLength: '0%'            },            pivot: {                    radius: '10',                backgroundColor: '#1d96e0'            }        },         series: {            dataLabels: {                enabled: true            }        }    },};https://jsfiddle.net/viethien/9L4xcho3/5/但是當(dāng)我調(diào)整儀表圖表的大小時(shí),它顯示得不好我擔(dān)心計(jì)算儀表板的寬度以適應(yīng)風(fēng)格。
查看完整描述

1 回答

?
人到中年有點(diǎn)甜

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊

您可以動(dòng)態(tài)計(jì)算和設(shè)置tickLength軸的屬性:


var allowChartUpdate = true;

var gaugeOptions = {

  chart: {

    type: 'solidgauge',

    events: {

      render: function() {

        var tickLength = this.pane[0].group.getBBox().width / 4


        if (allowChartUpdate) {

          allowChartUpdate = false;


          this.yAxis[0].update({

            tickLength: tickLength

          });


          allowChartUpdate = true;

        }

      }

    }

  }

}

現(xiàn)場演示: https: //jsfiddle.net/BlackLabel/vbctd9ef/


API 參考: https://api.highcharts.com/class-reference/Highcharts.Axis#update


查看完整回答
反對 回復(fù) 2023-11-02
  • 1 回答
  • 0 關(guān)注
  • 124 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號