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

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

如何在前端渲染 Apexchart(JS 庫(kù))?

如何在前端渲染 Apexchart(JS 庫(kù))?

慕工程0101907 2021-11-18 20:04:59
我想將 Apexcharts 庫(kù)用于我的儀表板?,F(xiàn)在我已經(jīng)被他們文檔中的一個(gè)非常簡(jiǎn)單的例子困住了(根據(jù)文檔)。我使用了他們的示例并嘗試通過(guò) ID 將其鏈接到我的畫(huà)布容器,但是當(dāng)我加載站點(diǎn)時(shí)它根本不顯示。我在 index.html 的最底部包含了 cdn 鏈接,并且我的控制臺(tái)中沒(méi)有任何錯(cuò)誤。根據(jù)開(kāi)發(fā)人員工具,至少發(fā)生了一些事情:這是我的JS:      var options = {        chart: {          type: 'line'        },        series: [{          name: 'sales',          data: [30, 40, 35, 50, 49, 60, 70, 91, 125]        }],        xaxis: {          categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]        }      };      var chart = new ApexCharts(document.querySelector("#myChart"), options);      chart.render();這是畫(huà)布容器:        <div class="column">          <div class="wrapperDoughnut">              <canvas width="220px" height="280px" id="myChart"></canvas>          </div>        </div>
查看完整描述

1 回答

?
慕的地8271018

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

那是運(yùn)氣......我得到了解決方案。似乎 Apexcharts 庫(kù)在呈現(xiàn)需要預(yù)定義畫(huà)布容器的 ChartJS 以外的圖表時(shí)自己創(chuàng)建畫(huà)布。所以我只是刪除了畫(huà)布容器并鏈接到父級(jí)。


Apex 文檔很差...


盡管如此,我應(yīng)該再次刪除該線程嗎?


工作解決方案:


HTML:


        <div class="column">

          <div class="wrapperDoughnut" id="myChart">


          </div>

        </div>

JS:


      var options = {

        chart: {

          type: 'line'

        },

        series: [{

          name: 'sales',

          data: [30, 40, 35, 50, 49, 60, 70, 91, 125]

        }],

        xaxis: {

          categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]

        }

      };


      var chart = new ApexCharts(document.querySelector("#myChart"), options);


      chart.render();


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

添加回答

舉報(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)