html5调颜色浏览器不显示,pyecharts画中国地图(省、市):如何调整渐变颜色、浏览器中大小、生成的HTML打开是空白无法显示的问题...
最近在做一個(gè)數(shù)模題,需要中國地圖的數(shù)據(jù)可視化,了解到pyecharts,踩了一些坑,在此記錄
—————————————————————————
版本問題
現(xiàn)在網(wǎng)上大多數(shù)文章都是用的老版本,比如0.5以下,但pyecharts升級后,變化還是挺大的。我安裝的就是最近版,好像是1.8幾。
繪圖代碼(模版)
先以中國地圖為例
每個(gè)省份和其對應(yīng)的數(shù)值要以元組的形式給到參數(shù)里
opts.TitleOpts就是標(biāo)題文字的各種參數(shù),詳細(xì)都可以到官方文檔查看
想看哪個(gè)函數(shù)就直接搜,里面參數(shù)的講解很詳細(xì)
官方文檔(中文)
可以畫中國地圖,省份地圖,城市地圖,就在add的maptype參數(shù)改就好,比如畫浙江就寫‘浙江’
from pyecharts.charts import Map
from pyecharts import options as opts
data = [('北京', 12.54), ('天津', 13.02), ('河北', 13.0), ('山西', 11.53), ('內(nèi)蒙古', 11.48), ('遼寧', 15.43), ('吉林', 13.21), ('黑龍江', 13.03), ('上海', 15.07), ('江蘇', 15.99), ('浙江', 13.89), ('安徽', 15.01), ('福建', 11.42), ('江西', 11.44), ('山東', 14.75), ('河南', 12.73), ('湖北', 13.93), ('湖南', 14.54), ('廣東', 9.73), ('廣西', 13.12), ('海南', 11.33), ('重慶', 17.42), ('四川', 16.3), ('貴州', 12.84), ('云南', 11.06), ('西藏', 7.67), ('陜西', 12.85), ('甘肅', 12.44), ('青海', 9.45), ('寧夏', 9.67), ('新疆', 9.66)]
_max = 9
_min = 18
map_ = Map()
map_.add("", data, maptype="china", zoom=1)
map_.set_global_opts(
title_opts=opts.TitleOpts(title="各省老齡化總體情況",
subtitle="數(shù)據(jù)來源:國家統(tǒng)計(jì)局",
pos_right="center",
pos_top="5%"),
visualmap_opts=opts.VisualMapOpts(max_=_max,
min_=_min
),
)
map_.render("各省老齡化總體情況.html")
畫出來是下面這個(gè)樣子
漸變顏色調(diào)整
這里用的是默認(rèn)配色,我從網(wǎng)上找不到調(diào)整方法,或者大多數(shù)就是手動(dòng)一個(gè)個(gè)修改,太麻煩了
于是看了一下源碼(上面代碼中opts.VisualMapOpts函數(shù)的源碼)發(fā)現(xiàn)了如下
這就是默認(rèn)的三個(gè)顏色,HTML的顏色代碼,會(huì)從第一個(gè)顏色漸變到第二個(gè),進(jìn)而第三個(gè)
于是若要修改顏色,可以加如color_range參數(shù),是一個(gè)列表,里面給的是HTML顏色的代碼,顏色給幾個(gè)都可以
比如我下面繪制的另一組數(shù)據(jù),改成藍(lán)色漸變。其中max和min參數(shù)是你數(shù)據(jù)中最大和最小值,但只能給整數(shù),我沒找到改成小數(shù)的辦法。
HTML顏色代碼可以到該網(wǎng)址查詢:顏色代碼查詢
opts.VisualMapOpts(max_=51,
min_=45,
range_color=["#E0ECF8", "#045FB4"]
效果
修改瀏覽器中大小
直接轉(zhuǎn)動(dòng)滾輪,可以變大變大,但會(huì)出現(xiàn)很煩人的遮擋,這是因?yàn)槿萜鞔笮∠拗屏藞D片的顯示
于是在該頁面按下F12(fn + F12)
然后很容易選中這個(gè)容器,發(fā)現(xiàn)大小是900 * 500,此時(shí)也會(huì)顯示給你它對應(yīng)的代碼
右鍵,edit as html
修改其中width和height參數(shù),我建議是1134和630,根據(jù)你的顯示器大小來定
修改后的效果,可以沾滿整個(gè)頁面,放大縮小也不會(huì)遮擋(主要是字看起來沒有這么擁擠了!!)
打開頁面是空白的問題
在這里面畫圖,你用到的地圖模版是需要依賴遠(yuǎn)程資源的,所以必須要有網(wǎng)絡(luò)的情況下才能顯示,甚至有時(shí)候有網(wǎng)也不行,畢竟GitHub是外。。
查看生成的HTML文件,不難發(fā)現(xiàn)兩個(gè)依賴的資源
直接下載下來:依賴資源GitHub
然后在開頭加入如下代碼
其中字符串是資源在你電腦中的位置,僅僅到位置還不行,還要到里面的assets/目錄
這樣運(yùn)行就是用本地的資源,一定可以顯示的
from pyecharts.globals import CurrentConfig
CurrentConfig.ONLINE_HOST = '資源位置/assets/'
總結(jié)
以上是生活随笔為你收集整理的html5调颜色浏览器不显示,pyecharts画中国地图(省、市):如何调整渐变颜色、浏览器中大小、生成的HTML打开是空白无法显示的问题...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mamp php pcntl,mac m
- 下一篇: 微信摇骰子100%必胜的方法