㈠ Echarts Gallery的官方實例和個人的實例源代碼如何下載
1、打開echarts官網網站,如圖。
㈡ echarts用作商業用途是否免費
是的,開源的軟體、系統、應用,充分發揮網路共享的優點,都是不收費,且開放源代碼,可以修改。
㈢ echarts是做什麼的
1、 Echarts,一個純 Javascript 的圖表庫,可以流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11),Chrome,Firefox,Safari等。
2、底層依賴輕量級Canva+庫ZRender,提供直觀,生動,可交互,可高度個性化定製的數據可視化圖表。
3、ECharts 3 中更是加入了更多豐富的交互功能以及更多的可視化效果,並且對移動端做了深度的優化。
(3)echarts版權擴展閱讀
echarts的優點:
1、國人開發,文檔全,便於開發和閱讀文檔。
2、圖表豐富,可以適用各種各樣的功能。
echarts的缺點:
1、移動端使用略卡,畢竟是PC端的東西,移植到移動端肯定多多少少有些問題吧,或許跟自己水平也有一定的關系。
2、echarts不失為一款比較適合我們這種碼農使用的框架。
3、echarts就不貼代碼了。畢竟文檔很全。
㈣ Echarts.js簡介
在平時開發項目時,免不了需要對數據進行圖表顯示的需求,比如:趨勢圖、餅狀圖、柱形圖等。
Echarts.js是來自網路團隊研發的圖表js插件,利用HTML+js實現折線圖、餅狀圖、熱點圖、3d圖形等等,可在PC和移動端顯示,載入速度快,功能豐富。
https://echarts.apache.org/zh/index.html
官網首頁有著很多實例以及相關介紹,獲取echart.js可以從本人網路網盤獲取,包含所有圖表組件,可直接引用。
鏈接: https://pan..com/s/1IEm8NGwqq4ExgYWp8mz9CA
為Echarts放置一個具備寬高的DOM容器
Echarts載入數據
㈤ echarts地圖屬於國家標准地圖嗎
不屬於。據了解ECharts提供下載的矢量地圖數據來自第三方,由於echarts官網上的離線地圖包官方以比例不符合國家《測繪法》規定,已經停止下載服務。
㈥ 小程序echarts
一、引入ec-canvas文件
https://github.com/ecomfe/echarts-for-weixin
「ec-canvas」
二、配置json
{
"usingComponents":{
"ec-canvas":"../../ec-canvas/ec-canvas"
}
}
三、書寫結構
<view class="container log-list">
<ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ec}}"></ec-canvas>
</view>
四、js文件
//logs.js
const util = require('../../utils/util.js')
import * as echarts from '../../ec-canvas/echarts'
const app = getApp()
function initChart(canvas,width,height){
const chart = echarts.init(canvas,null,{
width:width,
height:height
})
canvas.setChart(chart)
var option = {
color:["#37A2DA","#67E0E3","#9FE6B8"],
legend:{
data:["A","B","C"],
top:20,
left:"center",
z:100
},
grid:{
left:"3%",
right:"4%",
bottom:"3%",
containLabel:true
},
xAxis:{
type:"category",
boundaryGap:false,
data:["周一","周二","周三","周四","周五","周六","周日"]
}
chart.setOption(option)
return chart
}
Page({
onShareAppMessage:function(res){
return{
title:"Echarts",
path:"/pages/index/index",
success:function(){},
fail:function(){}
}
},
data: {
ec:{
onInit:initChart
},
logs: []
},
onReady(){},
onLoad: function () {
this.setData({
logs: (wx.getStorageSync('logs') || []).map(log => {
return util.formatTime(new Date(log))
})
})
}
})
㈦ Android中使用Echarts
2.在頁面中使用方式 (可在官網示例里自行根據配置文檔進行配置[示例地址](這里設置option由於echarts配置太多網上提供的model bean是基於2.0版本的所以就直接在示例里將圖表配置配置好直接字元串用來設置option了)( https://echarts.apache.org/examples/zh/index.html )、 配置項手冊 )將options 部分復制在頁面中進行數據組裝
㈧ 做商業計劃書有什麼工具推薦嗎比如找資料找圖…
首先梳理一下商業計劃書製作流程,再根據不同階段推薦工具。
明確用途、受眾
構思框架,完善文字稿
提煉和加工信息
尋找素材
製作BP
01 明確用途、受眾
推薦工具
1、你的大腦,對自己有足夠把握的時候你在大腦里確認這三個問題答案就好了
2、word,好記性不如爛筆頭,你也可以用word記錄下你的回答
3、雲筆記或者語音記錄工具,例如 有道雲筆記、印象筆記、訊飛語記等
02 構思框架,完善文字稿
工具推薦
1、思維導圖類工具,用xmind、網路腦圖等工具畫出你的BP中大概要包含哪些內容模塊;
2、BP在線製作工具,目前市場上有不少BP在線製作工具,預設了BP的內容框架,你可以直接「借鑒」。在這里推薦「瘋狂BP」,有通用版的內容框架,滿足大部分的BP需求。當然這個匹配度也不是百分之百,你還是需要根據自己的實際情況調整;
3、其他人的BP,搜尋市面上能找到的BP案例,多找幾篇,然後組合出自己的框架,這種方法相對來說效率比較低。
03 提煉和加工信息
工具推薦
圖表工具:
製作圖表的軟體眾多,即便電腦中最常見的Excel,也足以滿足大部分場景。除了excel之外,還有以下優秀的圖標工具可以使用:
1、Tableau,是用於可視分析數據的商業智能工具。可以創建和分發互動式和可共享的儀錶板,以圖形和圖表的形式描繪數據的趨勢,變化和密度。
2、Echarts,在擁有眾多交互特性下,依然可以做到直角系圖表(折、柱、散點、K線)20萬數據秒級出圖。
3、Chartistic,是一款輕量級應用,滿足你在移動端製作圖表的需求。
4、圖表秀,提供免費的在線圖表製作工具,支持自由布局與聯動交互分析,操作簡單,支持動態交互的高級數據可視化分析圖表的製作,圖表美觀。
04 尋找素材
模板
1、OFFICEPLUS ,微軟官方的的模板網站,裡麵包含PPT模板,還有尺寸剛好適用PPT的高清圖片素材。
2、瘋狂BP,商業計劃書在線製作工具,提供各行業商業計劃書模板及範文參考。
3、51PPTMUBAN ,裡面的質量不不錯,而且免費。除了模板之外還有教程、圖片、圖表軟體等資源。
4、演界網,演界網的免費演品也有很多不錯的作品,但需要花點心思去尋找了。
圖片
1、千圖網,裡面的圖片有jpg格式,也有矢量圖、png格式的圖片。如果需要做中國特色 行業背景的,這裡面也有相關的素材。
2、花瓣網,幾乎沒有人不知道的圖片網站
3、pixabay,可能是全世界最大的無版權圖庫了
圖標(圖標的網站很多,推薦一個最好用的)
1、iconfnt,這是阿里巴巴的數量圖庫,裡面匯集了2504275個矢量圖標,基本上只要你想到的,都可以在裡面找到。
05 設計排版
推薦兩個優秀的配色社區,一些優秀的色彩搭配方案可以拿來即用。
1、lolcolors
2、colorhut
㈨ ECharts 基礎使用
一個網頁中可以創建多個 echarts 實例。
每個 echarts 實例中可以創建多個圖表和坐標系等等(用 option 來描述)。
准備一個 DOM 節點(作為 echarts 的渲染容器),就可以在上面創建一個 echarts 實例。每個 echarts 實例獨佔一個 DOM 節點。
在 echarts 里, 系列 (series)是指:一組數值以及他們映射成的圖。
一個 系列 包含的要素至少有:一組數值、圖表類型(series.type)、以及其他的關於這些數據如何映射成圖的參數。
說人話就是, 系列 這個東西就是 用來描述圖表的 ,包含了圖表的數據、圖表是什麼類型:line(折線圖)、bar(柱狀圖)、pie(餅圖)... 、以及其它的構成參數。
也可以有另一種配置方式,系列的數據從 dataset 中取:
在系列之上,echarts 中各種內容,被抽象為「組件」。
例如,echarts 中至少有這些組件: xAxis (直角坐標系 X 軸)、 yAxis (直角坐標系 Y 軸)、 grid (直角坐標系底板)、 angleAxis (極坐標系角度軸)、 radiusAxis (極坐標系半徑軸)、 polar (極坐標系底板)、 geo (地理坐標系)、 dataZoom (數據區縮放組件)、 visualMap (視覺映射組件)、 tooltip (提示框組件)、 toolbox (工具欄組件)、 series (系列)、...
我們注意到,其實 系列 (series)也是一種組件,可以理解為:系列是專門繪制「圖」的組件。
如下圖,右側的 option 中聲明了各個組件(包括系列),各個組件就出現在圖中。
echarts 的使用者,使用 option 來描述其對圖表的各種需求,包括:有什麼數據、要畫什麼圖表、圖表長什麼樣子、含有什麼組件、組件能操作什麼事情等等。簡而言之, option 描述了: 數據 、 數據如何映射成圖形 、 交互行為 。
系列裡的 series.data 是本系列的數據。也可以使用另一種方式,系列數據從 dataset 中取:
多數組件和系列,都能夠基於 top / right / down / left / width / height 絕對定位。
這種絕對定位的方式,類似於 CSS 的絕對定位( position: absolute )。絕對定位基於的是 echarts 容器 DOM 節點。
它們的值可以是
如下圖的例子,對 grid 組件(也就是直角坐標系的底板)設置 left、right、height、bottom 達到的效果。
我們可以注意到, left right width 是一組(橫向)、 top bottom height 是另一組(縱向)。這兩組沒有什麼關聯。每組中,至多設置兩項就可以了,第三項會被自動算出。例如,設置了 left 和 right 就可以了, width 會被自動算出。
坐標系用於布局,以及顯示數據的刻度等等。一個坐標系,可能由多個組件協作而成。我們以最常見的直角坐標系來舉例。直角坐標系中,包括有 xAxis (直角坐標系 X 軸)、 yAxis (直角坐標系 Y 軸)、 grid (直角坐標系底板)三種組件。 xAxis 、 yAxis 被 grid 自動引用並組織起來,共同工作。
下圖,只聲明了 xAxis 、 yAxis 和一個 scatter (散點圖系列),echarts 暗自為他們創建了 grid 並關聯起他們:
再來看兩個 yAxis ,共享了一個 xAxis 的例子。兩個 series ,也共享了這個 xAxis ,但是分別使用不同的 yAxis ,使用 yAxisIndex 來指定它自己使用的是哪個 yAxis :
還存在一個 echarts 實例中,有多個 grid 的情況,每個 grid 分別有 xAxis 、 yAxis ,他們使用 xAxisIndex 、 yAxisIndex 、 gridIndex 來指定引用關系:
另外,一個系列,往往能運行在不同的坐標系中。例如,一個 scatter (散點圖)能運行在 直角坐標系、極坐標系 、地理坐標系(GEO) 等各種坐標系中。同樣,一個坐標系,也能承載不同的系列,如上面出現的各種例子,直角坐標系裡承載了 line (折線圖)、 bar (柱狀圖)等等。
㈩ ECharts js收費嗎
ECharts 是網路提供的免費開源圖表庫,不收費。
但是如果需求定製的話,可以聯系作者或者相關服務商會收取一些費用。