1. 選擇正確的echarts.js，開發版選擇echarts..com上的源碼版，避免出現問題
2. 在項目主目錄中新建static文件夾，裡面建立js、css、images文件夾
3. 在settings文件中新增如下代碼配置：
復制代碼
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = (
('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),
('js', os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),
('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/')),
)
復制代碼
4. 在html頁面引入本地js文件static/js/echarts.js
<script type="text/javascript" src="/static/js/echarts.js"></script>
5. 啟動python Django伺服器
python3 manage.py runserver
6. 刷新頁面，OK
成功將網路echarts.js文件改成引用本地echarts.js文件
② 請問哪位大神知道在HTML里用fusioncharts這個js框架怎麼畫這個統計圖，萬分感謝！！！
推薦使用chart.js官方文檔齊全，可以製作各種圖表，修改樣式
http://www.bootcss.com/p/chart.js/docs/
③ chart.js 重復繪圖問題
myLineChart.destroy();
能解決一部分問題，更完美的解決方法我還在研究中，同求大神指點
更好的解決方法如下：
每次繪圖之前先刪除canvas節點，重新添加一個。
$('#lineChart').remove(); // this is my <canvas> element
$('#lineChartParent').append('<canvas id="lineChart" height="230"></canvas>');
④ 使用Chart.js繪圖 怎麼才能把圖例給顯示出來
C# code? var myChart = new Chart(ctx).Pie(data, options) var legend = myChart.generateLegend(); legend 里就是模板生成的HTML代碼，可以設置為某個元素的innerHTML然後就顯示出來了
⑤ JavaScript echarts應該如何使用呀，愁…
echarts 是一個JS庫，與其說是要安裝，不如說是放到網站的資源文件夾中，也可以直接使用網路上的CDN。
下載後在網頁中要引入，如：
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
由網站伺服器安裝文件，瀏覽器瀏覽時，會載入這個JS庫
如果有NPM環境，也可以通過NPM環境安裝（不懂請使用前面提的放置網站資源文件夾中的方法）
⑥ v-charts 使用方法
V-Charts的每種圖表組件，都單獨打包到lib文件夾下，以下為案例
使用時，可以直接將單個圖表引入到項目中,對應上面圖表看自己的項目需求
1.折線圖
2.柱狀圖
3.餅狀圖
使用方法
官方文檔連接:https://v-charts.js.org
⑦ chart.js怎麼生成組合柱狀圖
告訴思路吧, 剩自摸索, 漲經驗, 漲姿勢啊~~~
php 讀取數據, 組織數據json格式, 由客戶端專調用屬, 格式:
category: ["管理院",'....."]
data: [ [136,215], [147,196], .....]
客戶端, 先調用 Highcharts.chart 構造圖表, 設定基本型裝橫向組堆積圖
js通ajax載入數據, 數據設置圖標 category, series ;
chart.redraw 即.
具體先看 highcharts所sample, 比較合適, 直接照搬, 想辦修改數據即.
chart.js是一款基於HTML5 Canvas的圖表插件，chart.js的功能非常強大，它不僅提供了常見的柱形圖、折線圖、餅狀圖，而且還提供了環形圖、雷達圖，樣式外觀多樣，圖表的色彩搭配也比較清新。chart.js還有一個特點就是圖表在初始化的時候有彈性動畫特效，這也是HTML5 Canvas的一大功勞。
⑧ echarts 怎樣用js自定義圖表數據
引入ECharts
echarts提供多種引入方式，請根據你的項目類型選擇合適的方式：
模塊化包引入
如果你熟悉模塊化開發，你的項目本身就是模塊化且遵循AMD規范的，那引入echarts將很簡單，使用一個符合AMD規范的模塊載入器，如esl.js，只需要配置好packages路徑指向src即可，你將享受到圖表的按需載入等最大的靈活性，由於echarts依賴底層zrender，你需要同時下載zrender到本地，可參考demo，你需要配置如下。
需要注意的是，包引入提供了開發階段最大的靈活性，但並不適合直接上線，減少請求的文件數量是前端性能優化中最基本但很重要的規則，務必在上線時做文件的連接壓縮。
//from echarts example
require.config({
packages: [
{
name: 'echarts',
location: '../../src',
main: 'echarts'
},
{
name: 'zrender',
location: '../../../zrender/src', // zrender與echarts在同一級目錄
main: 'zrender'
}
]
});
模塊化單文件引入（推薦）
如果你使用模塊化開發但並沒有自己的打包合並環境，或者說你不希望在你的項目里引入第三方庫的源文件，我們建議你使用單文件引入，同模塊化包引入一樣，你需要熟悉模塊化開發。
自2.1.8起，我們為echarts開發了專門的合並壓縮工具echarts-optimizer。如你所發現的，build文件夾下已經包含了由echarts-optimizer生成的單文件：
dist（文件夾） : 經過合並、壓縮的單文件
line.js : 折線圖（如需折柱動態類型切換，require時還需要echarts/chart/bar）
bar.js : 柱形圖（如需折柱動態類型切換，require時還需要echarts/chart/line）
scatter.js : 散點圖
k.js : K線圖
pie.js : 餅圖（如需餅漏斗圖動態類型切換，require時還需要echarts/chart/funnel）
radar.js : 雷達圖
map.js : 地圖
force.js : 力導向布局圖（如需力導和弦動態類型切換，require時還需要echarts/chart/chord）
chord.js : 和弦圖（如需力導和弦動態類型切換，require時還需要echarts/chart/force）
funnel.js : 漏斗圖（如需餅漏斗圖動態類型切換，require時還需要echarts/chart/pie）
gauge.js : 儀表盤
eventRiver.js : 事件河流圖
treemap.js : 矩陣樹圖
venn.js : 韋恩圖
echarts.js : 這是包含AMD載入器的echarts主文件，需要通過script最先引入
chart（文件夾） : echarts-optimizer通過依賴關系分析同時去除與echarts.js的重復模塊後為echarts的每一個圖表類型單獨打包生成一個獨立文件，根據應用需求可實現圖表類型按需載入
source（文件夾） : 經過合並，但並沒有壓縮的單文件，內容同dist，可用於調試
採用單一文件使用例子見ECharts單一文件引入，存放在example/www下，首先你需要通過script標簽引入echarts主文件
在主文件引入後你將獲得一個AMD環境，配置require.conifg如下：
require.config配置後就可以通過動態載入使用echarts
總結來說，模塊化單文件引入ECharts，你需要如下4步：
為ECharts准備一個具備大小（寬高）的Dom（當然可以是動態生成的）
通過script標簽引入echarts主文件
為模塊載入器配置echarts的路徑，從當前頁面鏈接到echarts.js所在目錄，見上述說明
動態載入echarts及所需圖表然後在回調函數中開始使用（容我羅嗦一句，當你確保同一頁面已經載入過echarts，再使用時直接require('echarts').init(dom)就行）
詳見入門教程 ( Getting started ) »
標簽式單文件引入
自1.3.5開始，ECharts提供標簽式引入。如果你的項目本身並不是基於模塊化開發的，或者是基於CMD規范（如使用的是seajs），那麼引入基於AMD模塊化的echarts可能並不方便，我們建議你採用srcipt標簽式引入，忘掉require。Srcipt標簽引入echarts後將可以直接使用兩個全局的命名空間：echarts，zrender，可參考ECharts標簽式引入，需要注意的是excanvas依賴body標簽插入Canvas節點去判斷Canvas的支持，如果你把引用echarts的script標簽放置head內在IE8-的瀏覽器中會出現報錯，解決的辦法就是把標簽移動到body內（後）。
標簽式引入環境中，常用模塊的引用可通過命名空間直取，同模塊化下的路徑結構，如：
echarts.config = require('echarts/config')， zrender.tool.color = require('zrender/tool/color')
⑨ echarts怎麼用
1、下載好開發包後就可以開始了，第一步引入開發包，和需要的主題文件（可定義自己的主體文件），並定義好頁面布局。2.0以後上的版本，需要把開發包放到body下，否則ie低版本會出現屬性未找到的錯誤，導致圖標初始化失敗。
2、第二步，普通初始化圖表，通過調用開發包方法，有兩種初始化方式，
1.var myChart = echarts.init(document.getElementById("echart"));
2.var myChart=require('echarts').init(document.getElementById("echart"));
一般建議使用第一種方法進行初始化操作。
3、第三步，設置option屬性，來給圖表設置數據,option是數組元素，tooltip：提示框，legend圖例，calculable可設置是否拖拽，series設置數據（data類型也為數組類型），開始先隨機初始化幾條模擬數據，
4、到這一步，就完成了，圖表初始化的步驟，效果如下圖所示。然後大家可以改變下圖標的樣式，2.0版本留了設置主題的方法，可設置setThem()對圖表樣式進行修改。
5、看看主題怎麼配置，設置色版，設置主題顏色，不一一介紹了，請大家請看下面代碼：
6、通過上面主題的添加完成了對樣式的修改，當然最後大家記嘚設置myChart.setTheme(theme);