ECharts的學習（一）：製作一個簡單的柱狀圖

阿新 • • 發佈：2019-01-11

這裡寫圖片描述

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <!-- 引入 ECharts 檔案 -->
    <script src="js/echarts.js"></script> 

    <script src="js/jquery-3.0.0.min.js"></script>

</head>
<style type="text/css">
    html,body{
        margin:0;
        padding: 0;
    }
    .chartContainer{
        width:100%;
        height:13rem;
        border:1px solid pink;
        box-sizing:border-box;
    }
</style> 

    <body>
        <div class="chartContainer" id="chart1">

        </div>
    </body>
    <script type="text/javascript">
    //初始化echarts例項
    /*console.info($("#chart1"));*/
    var chart1=$("#chart1").get(0);//使用jquery，一定要加.get(0)，不然會找不到物件，和canvas的使用是一樣的
    var myChart1=echarts.init(chart1);
    //對echarts做基礎配置 

    var option={
        title:{
            text:"echarts 入門示例"
        },
        tooltip:{},
        legend:{
            data:["銷量"]
        },
        //x軸的文字
        xAxis:{
            data:["新疆","西藏","雲南","廣西","廣東","四川"]
        },
        //y軸的文字
        yAxis:{},
        series:[{
            name:"銷量",
            type:"bar",
            data:[5,20,36,10,20]
        }]
    };

    myChart1.setOption(option);
    </script>
</html>

ECharts的學習（一）：製作一個簡單的柱狀圖

<!DOCTYPE html> <html> <head> <meta charset="utf-8"><meta na

網頁開發學習（一）：製作一份邀請函

網頁開發設計是在面試創新實驗室時面試官給的二面試題，讓自己設計實現一個簡單的網頁。所以我決定來做一個邀請函網頁，並將開發過程寫在部落格上供有需要的朋友們檢視。網頁開發工具有很多，我使用的是對新手較為友好的Dreamweaver，其優點在於簡便、直觀、功能豐富，簡稱為“傻瓜化”。下載請

淺談安卓自定義view（一）：製作一個最最最簡單的自定義view

對於安卓程式設計師來說，自定義view簡直不要太重要，畢竟有很多功能，譬如圓形頭像這些，用單純的原生非常難以實現，而用自定義view，簡直分分鐘。在這裡，我嘗試用最簡單方式跟初學者說一下如何自定義一個自己的view~ 首先，最簡單最簡單的自定義view，有

Python+OGR庫學習（一）：讀取點向量檔案屬性值和座標，並儲存為TXT（一行一個要素值）

程式碼思路： 1、匯入相關庫包，切換到當前資料夾 2、註冊驅動，開啟點向量檔案，獲取圖層 3、開啟待寫入TXT檔案 4、遍歷要素：（1）獲取當前要素‘ID’和‘cover’欄位屬性（2）獲取當前點要素對應幾何物件和其座標值X,Y （3）將ID、cover、X、Y寫入TXT檔案（

Java學習（4）：統計一個文件中的英文，中文，數字，其他字符以及字符總數

port let args str reader 文件路徑要求 cnblogs pub 要求：統計一個文件中的英文，中文，數字，其他字符以及字符總數（此隨筆以txt文件為例） import java.io.BufferedReader; import java.io.F

CSS3總結學習（一）：CSS3用戶界面

interface 繪制如果位置 nbsp 瀏覽器 none ble adding 在CSS3中，新的用戶界面屬性有很多，本文重點介紹resize,box-sizing,offset。瀏覽器支持，如下圖，圖片源於W3school 1.CSS Resizing 在cs

[linux][MongoDB] mongodb學習（一）：MongoDB安裝、管理工具、

ole ont mon mkdir man 管理工具 tar end 認證參考原文：http://www.cnblogs.com/kaituorensheng/p/5118226.html linux安裝完美實現！ 1. mongoDB安裝、啟動、關閉　　1.1

Unity3D學習（一）：簡單梳理下Unity跨平臺的機制原理

12px get 一個 bsp 嵌入 ram 屬於開源 runtime 前言首先需要了解的是，Unity3D的C#基礎腳本模塊是通過Mono來實現的。什麽是Mono？參考下百度百科：Mono是一個由Novell公司（由Xamarin發起）主持的項目，並由Migu

tp5.0 學習（一）：虛擬環境安裝

安裝php admin cat code logs exe erro ron log 一、文件目錄： application: 應用目錄，開發文件存放地 extend:擴展 public:入口文件 thinkphp：核心代碼 vendor：第三方類庫二、域名Apache配

canvas學習（一）：線條，圖像變換和狀態保存

itl height tar 默認 class limit 方法星空 stop canvas學習（一）：線條，圖像變換和狀態保存一：繪制一條線段： var canvas = document.getElementById(‘canvas‘) var ctx = can

Apollo配置中心解惑（一）：關於一個portal管理多個環境，要求環境相互之間不影響，獨立

pan program encoding character 建立環境部署 fat == 127.0.0.1 關於作者的回答很官方，不太懂： https://github.com/ctripcorp/apollo/wiki/%E5%88%86%E5%B8%83%E5%BC

JavaAPI學習（一）：API && String類 && Stringbuffer && StringBuilder

vax 編碼長度 split() 無敵 esp ogr charat() ble 一、API 　　1、API：英文 Aplication Progrmmer Iteface 的縮寫，即應用編程接口　　　　由官方或第三方提供的能實現特點功能的程序封裝包，包含各功能類，接口

前端學習（一）：基本類型

關系大小寫變量 def 兩個 num eof 初始化 string類 ECMAScript中有5中基本數據類型：Undefined、Null、Boolean、Number、String。 Undefined類型:之所以會出現這個值，就是在當你聲明了一個變量時，並未對其賦

07 React+Ant Design學習（一）——快速構建一個主頁

通過對React.js一週左右的學習後，就想著自己寫一個主頁，在這一週的學習中雖然對react元件化開發的思想有了較深的理解，但自己還是很迫切的希望能動手結合Ant Design寫出來一個主頁。因為當初學react的目的就是為了學習怎樣使用Ant Des

docker學習（一）：docker安裝和架構

本筆記根據51CTO的CloudMan博主的部落格而記錄的。本節主要學習 docker安裝和解除安裝 docker的架構一、Docker的安裝和解除安裝　　Docker的安裝　　1、安裝之前，要先把舊版的Docker給解除安裝了，以下是Docker官網上的安裝前解除安裝Dock

PE檔案格式學習（一）：概述

1.PE檔案簡介 PE檔案格式是Windows系統中應用最廣泛的檔案格式之一,我們常見的可執行檔案.exe、動態連結庫.dll以及驅動檔案.sys等都是PE檔案格式的。可以通過十六進位制工具如010editor檢視PE檔案，可以看到PE檔案都有一個共同的特點，就是它們的最開頭都是4D5A，也就是ASCI

Java學習（一）：第一章計算機、程式和Java概述

第一章計算機、程式和Java概述（1）匯流排--》儲存裝置、記憶體、CPU、通訊裝置、輸入裝置、輸出裝置；（2）語言：機器語言：二進位制形式

pandas系列學習（一）：pandas入門

作者：chen_h 微訊號 & QQ：862251340 微信公眾號：coderpai 介紹 pandas 是一套用於 Python 的快速，高效的資料分析工具。近年來它的受歡迎程度飆升，與資料科學和機器學習等領域的興起同步。正如 Numpy 提供了基礎

深度強化學習（一）： Deep Q Network(DQN)

原文：https://blog.csdn.net/LagrangeSK/article/details/80321265 一、背景 DeepMind2013年的論文《Playing Atari with Deep Reinforcement Learning》指

資料結構學習（一）：高精度演算法

高精度演算法，屬於處理大數字的數學計算方法。在一般的科學計算中，會經常算到小數點後幾百位或者更多，當然也可能是幾千億幾百億的大數字。一般這類數字我們統稱為高精度數，高精度演算法是用計算機對於超大資料的一種模擬加，減，乘，除，乘方，階乘，開方等運算。對於非常龐大的數字無法在計算機中正常儲存

ECharts的學習（一）：製作一個簡單的柱狀圖

相關推薦