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

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

當(dāng)標(biāo)簽很長(zhǎng)時(shí),Amchart 4 不顯示條形圖

當(dāng)標(biāo)簽很長(zhǎng)時(shí),Amchart 4 不顯示條形圖

慕沐林林 2022-12-22 15:43:30
我正在使用 Amchart 4 可視化條形圖。我正在使用來自 amchart 的官方示例。現(xiàn)在,我面臨的問題是當(dāng)標(biāo)簽很長(zhǎng)時(shí),amchart 不會(huì)呈現(xiàn)條形圖。它沒有正確處理它??雌饋硐襁@樣。這是我的js代碼:/** * -------------------------------------------------------- * This demo was created using amCharts V4 preview release. *  * V4 is the latest installement in amCharts data viz * library family, to be released in the first half of * 2018. * * For more information and documentation visit: * https://www.amcharts.com/docs/v4/ * -------------------------------------------------------- */// Create chart instancevar chart = am4core.create("chartdiv", am4charts.XYChart);// Add datachart.data = [{  "category": "First very long category label, very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long",  "value": 450}, {  "category": "Another long category label",  "value": 1200}];// Create value axisvar valueAxis = chart.yAxes.push(new am4charts.ValueAxis());// Create axesvar categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());categoryAxis.dataFields.category = "category";categoryAxis.renderer.grid.template.location = 0;categoryAxis.renderer.minGridDistance = 30;// Configure axis labelvar label = categoryAxis.renderer.labels.template;label.wrap = true;label.maxWidth = 120;// Create seriesvar series = chart.series.push(new am4charts.ColumnSeries());series.dataFields.valueY = "value";series.dataFields.categoryX = "category";現(xiàn)在,我只是不想截?cái)鄻?biāo)簽,就像這個(gè)官方文件一樣。但我想有某種解決方案,例如僅當(dāng)標(biāo)簽超出某些maxHeight屬性時(shí)才截?cái)鄻?biāo)簽。這樣一來,我仍然可以顯示不超出maxHeight屬性范圍的完整標(biāo)簽。對(duì)于現(xiàn)場(chǎng)示例:JSFIDDLE
查看完整描述

1 回答

?
莫回?zé)o

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

如果你想要你可以在啟動(dòng)你的數(shù)組后使用這段代碼,我只是通過類別,并檢查長(zhǎng)度,我認(rèn)為打破圖表的長(zhǎng)度在 80-85 左右,它基于上下文,但你可以有一個(gè)最小的安全數(shù)量可能是 80


chart.data.map(el => {

  if(el.category.length > 80){

    el.category=`${el.category.substr(0,40)}...`;

  }

})

并根據(jù)適合您的情況修改數(shù)字。


查看完整回答
反對(duì) 回復(fù) 2022-12-22
  • 1 回答
  • 0 關(guān)注
  • 145 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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