china.js怎麼用,jschinamobile

本文目錄一覽：

• 1、JS怎麼樣使用呢？
• 2、ECharts3怎麼載入china.js地圖？
• 3、ECharts3 怎麼載入 chinajs 地圖
• 4、china.js 為什麼只有南海的啊?
• 5、ECharts3 怎麼載入 china.js 地圖

JS怎麼樣使用呢？

來看看js代碼的用法。

我們在使用JavaScript代碼有兩種寫法：一種是在HTML頁面中直接嵌入js代碼，另一種是通過鏈接外部的JavaScript文件。

我們先來看第一種用法：在HTML頁面中直接嵌入js代碼

如果在HTML頁面中直接嵌入JavaScript代碼，我們需要使用 script 標籤，script 和 /script 會告訴 JavaScript 在何處開始和結束。

script 和 /script 之間的代碼行包含了 JavaScript：

script

alert(“My First JavaScript”);

/script

在HTML頁面的任何位置（head部分 body部分 body的後面 較好）都可以插入script標籤。

你有可能會在 script 標籤中看到使用 type=”text/javascript”，但是現在已經不必這樣做了。JavaScript現在已經是所有現代瀏覽器以及 HTML5 中的默認腳本語言。

我們來看一個具體的示例

!DOCTYPE html

html

head

/head

body

script

document.write(“h1This is a heading/h1”);

document.write(“pThis is a paragraph/p”);

/script

/body

/html

上述代碼就是在在HTML頁面中直接嵌入js代碼。

接著我們來看看js代碼的第二種用法：通過鏈接外部的JavaScript文件。

有時JavaScript代碼過多的話，我們可以將代碼單獨放在JavaScript文件中然後鏈接起來。

我們鏈接外部JavaScript文件可以有以下步驟

1、首先我們建立一個JavaScript文件，擴展名是.js

2、然後將要編寫的js代碼寫到Js文件中，並保存文件。

3、使用script標籤將JavaScript文件鏈接到HTML文件中

script type=”text/javascript” src=”JavaScript文件名和路徑”/script

需要注意一點的是，在一個已經引入外部js文件的script標籤中，不能在它的開始標籤和結束標籤中寫Js命令了。

我們來看一個具體的示例

我們先建一個js文件sample.js

然後寫入js代碼

document.write(“pThis is a paragraph/p”);

最後使用script標籤將JavaScript文件鏈接到HTML文件中

!DOCTYPE html

html

head

/head

body

script type=”text/javascript” src=”sample.js”/script

/body

/html

以上就是js代碼使用的兩種方法

ECharts3怎麼載入china.js地圖？

echarts3載入map的方式和2不一樣了，你必須得先註冊地圖才行，

「`js$.getJSON(『./china.json』, function (data) { echarts.registerMap(『china』

, data); var chart = echarts.init(document.getElementById(『map』)); chart.setOp

tion({ series: [{ type: 『map』, map: 『china』 }] }); });「`

類似這樣,你需要下載中國的地理矢量數據geojson

echarts3與echarts2區別：

1、js文件：

首先是js文件，echarts3做了很大的優化，在echarts2中，對各種控制項的類庫管理的較為詳

細，有專門的目錄結構來存放相關的js文件及相關資源，但是在引入文件的時候往往會很不

方便，可能會一不小心就漏掉一個文件，而echarts3可以根據需要在下載項下直接根據所需

的功能構架類庫，使用時只要導入一個echarts.min.js文件就可以；

2、文件導入：

在echarts2中，require是作為模塊化載入的入口，在使用過程中關於路徑配置經常會出現

問題，特別是製作地圖的時候，而在echarts3中只需要在開頭加一句[html] view plain copy

script src=”js/echarts.js”/script  接下去只要調用介面就可以了；

3、離線地圖：

echarts2中離線地圖的精確度存在很大的問題，特別是下鑽到區縣一級，邊界線存在

模糊、交叉、空白等問題，並且經常出現飛地，與實際地圖出入較大，個人認為基本沒

什麼用，在echarts3中對此做了很大的改進，基本解決了以上問題，市與市之間、區縣

與區縣之間基本上不存在銜接問題；另外，在echarts3中可以根據需要自主構建地圖，

這個服務給實際使用提供了很大的便利；

4、工具欄：

在echarts3的toolbox裡面把輔助線功能取消掉了，圖標變小了，總體上感覺echarts3

裡面的toolbox更丑了；

5、地圖漫遊工具：

在echarts3裡面把地圖漫遊工具取消掉了，說實話，echarts2裡面的地圖漫遊工具看著

還是挺不錯的，雖然並沒有什麼用；

6、坐標系:

echarts3中，數據結構進行了統一化抽象，最常用的數據結構有：線性表、樹、圖。例

如，線性表以及樹、圖的節點列表的結構可以歸一化為這樣的二維數組；echarts3中另

一個重要的數據結構抽象是獨立出了「坐標系」概念；事實上在 ECharts2 中已經有

grid、polar配置項存在，但是並不是按一個「坐標系」的理解去實現的；echarts3中，

支持了直角坐標系（catesian，兼容 echarts2中的grid）、極坐標系（polar）、地理

坐標系（geo）；

7、Option變動：

1）組件位置想x、y等變成了left、top,可以使用像素和百分比，適應性更強。

2）為了讓結構更合理，echarts3中label被移出來和itemStyle平級。

根據官方說法，在echarts3中以前的用法也是兼容的，只是不推薦。

參考資料

echarts3與echarts2區別.CSDN[引用時間2018-1-22]

ECharts3 怎麼載入 chinajs 地圖

1、使用echarts之前先要引入echartsjs，js可以到官網下載 2、寫一個div容器用來裝echarts內容，這個容器必須有高度，不然看不到內容。 3、在script中獲取div容器的id，根據需要寫option中的參數（也許你現在還不知道option是幹嘛用的，不要著急ECharts3 怎麼載入 chinajs 地圖

china.js 為什麼只有南海的啊?

如果使用的是IE瀏覽器，打開internet選項，主頁設置，把網址複製進去，點擊應用保存即可，若是使用360瀏覽器等，點擊工具，主頁設置，粘貼好網址，保存，保存好之後最好使用360安全衛士鎖定主頁！

ECharts3 怎麼載入 china.js 地圖

script src=”echarts.js”/script

script src=”map/js/china.js”/script

script

var chart = echarts.init(document.getElementById(‘main’));

chart.setOption({

series: [{

type: ‘map’,

map: ‘china’

}]

});

/script