如何在新工程中添加兩個不同版本的的echarts庫

番茄西紅柿發布于2019-04-23 11:41 / 2945人閱讀

摘要：標題我就覺得起的很{{BANNED}}。閑話不多說，先說出現的背景吧。然后這個機子傳過來的數據就可能來條。如果用最新的來做，但是數據太小不足以畫出圖來，但是如果數據太大傳輸也是一個問題。

　　emmmmm.....標題我就覺得起的很{{BANNED}}。閑話不多說，先說出現的背景吧～～。

　　因為業務上的需求，跟一個硬件對接，要做大屏展示大廳客流熱力圖分布（背景圖是客戶那邊給的）。然后這個機子傳過來的數據就可能20來條。如果用最新的echarts4來做，但是數據太小不足以畫出圖來，但是如果數據太大傳輸也是一個問題。后來看來echarts2的熱力圖，仿佛找到來救星～～（https://echarts.baidu.com/echarts2/doc/example/heatmap.html）里面還有個valueScale，如果數據不好看還能放大，完美！擼起袖子就是干，但是我們大屏上已經有echart4.x 的依賴，如果通過 npm i 或者 yarn add 會直接把echarts4.x 覆蓋，所以只能通過手動添加echarts2.2.8 ，

添加好后再 install 一下就好了。

然后再頁面里面正常使用可以了！（雖然方法有點粗暴～啊哈哈哈，mark一下）

useEffect(() => {
    require([
      echarts2, echarts2/chart/heatmap // 使用柱狀圖就加載bar模塊，按需加載
    ], function (e) {
      e
        .init(dom)
        .setOption(option)
    })
  })

云服務器 GPU云服務器安卓工程添加webrtc庫 linux中添加庫大數據在新零售中的應用 php中如何添加序號

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1011.html

前端每周清單第 48 期：Slack Webpack 構建優化，CSS 命名規范與用戶追蹤，Vue.

摘要：發布是由團隊開源的，操作接口庫，已成為事實上的瀏覽器操作標準。本周正式發布，為我們帶來了，，支持自定義頭部與腳部，支持增強，兼容原生協議等特性變化。新特性介紹日前發布了大版本更新，引入了一系列的新特性與提升，本文即是對這些變化進行深入解讀。 showImg(https://segmentfault.com/img/remote/1460000012940044); 前端每周清單專注前端...

sean 2019-08-22 13:57 評論0 收藏0
記一次Vue項目優化及思路

摘要：記錄一個前端項目優化的路程，效果如上圖。第二步優化結果再次運行查看項目打包情況可以看到項目體積已經優化到，中也看不到的蹤影了。本文主要想提供一些優化思路及手段，即如何定位通過，查看頁面加載時間問題，然后再解決這些問題。 showImg(https://segmentfault.com/img/bVbq282?w=381&h=384); 記錄一個前端項目優化的路程，效果如上圖。接下來我...

keithxiaoy 2019-08-02 16:12 評論0 收藏0
記一次Vue項目優化及思路

摘要：記錄一個前端項目優化的路程，效果如上圖。第二步優化結果再次運行查看項目打包情況可以看到項目體積已經優化到，中也看不到的蹤影了。本文主要想提供一些優化思路及手段，即如何定位通過，查看頁面加載時間問題，然后再解決這些問題。 showImg(https://segmentfault.com/img/bVbq282?w=381&h=384); 記錄一個前端項目優化的路程，效果如上圖。接下來我...

nanchen2251 2019-08-23 16:49 評論0 收藏0
前端每周清單第 49 期：Webpack 4 Beta 嘗鮮，React Windowing 與 s

摘要：盡管等待了多年，但是最終還是發布了正式版本與上一個版本相比未有重大變化，主要著眼于部分錯誤修復與提升。能夠將異步函數移入獨立線程中，可以看做函數的單函數簡化版。不過需要注意的是，僅支持純函數，其會在獨立的作用域中運行這些函數。 showImg(https://segmentfault.com/img/remote/1460000013038757); 前端每周清單專注前端領域內容，以對...

muzhuyu 2019-08-26 11:31 評論0 收藏0