日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

html5调颜色浏览器不显示,pyecharts画中国地图(省、市):如何调整渐变颜色、浏览器中大小、生成的HTML打开是空白无法显示的问题...

發(fā)布時間:2024/3/24 HTML 64 豆豆

最近在做一個數(shù)模題,需要中國地圖的數(shù)據(jù)可視化,了解到pyecharts,踩了一些坑,在此記錄

—————————————————————————

版本問題

現(xiàn)在網(wǎng)上大多數(shù)文章都是用的老版本,比如0.5以下,但pyecharts升級后,變化還是挺大的。我安裝的就是最近版,好像是1.8幾。

繪圖代碼(模版)

先以中國地圖為例

每個省份和其對應(yīng)的數(shù)值要以元組的形式給到參數(shù)里

opts.TitleOpts就是標題文字的各種參數(shù),詳細都可以到官方文檔查看

想看哪個函數(shù)就直接搜,里面參數(shù)的講解很詳細

官方文檔(中文)

可以畫中國地圖,省份地圖,城市地圖,就在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)計局",

pos_right="center",

pos_top="5%"),

visualmap_opts=opts.VisualMapOpts(max_=_max,

min_=_min

),

)

map_.render("各省老齡化總體情況.html")

畫出來是下面這個樣子

漸變顏色調(diào)整

這里用的是默認配色,我從網(wǎng)上找不到調(diào)整方法,或者大多數(shù)就是手動一個個修改,太麻煩了

于是看了一下源碼(上面代碼中opts.VisualMapOpts函數(shù)的源碼)發(fā)現(xiàn)了如下

這就是默認的三個顏色,HTML的顏色代碼,會從第一個顏色漸變到第二個,進而第三個

于是若要修改顏色,可以加如color_range參數(shù),是一個列表,里面給的是HTML顏色的代碼,顏色給幾個都可以

比如我下面繪制的另一組數(shù)據(jù),改成藍色漸變。其中max和min參數(shù)是你數(shù)據(jù)中最大和最小值,但只能給整數(shù),我沒找到改成小數(shù)的辦法。

HTML顏色代碼可以到該網(wǎng)址查詢:顏色代碼查詢

opts.VisualMapOpts(max_=51,

min_=45,

range_color=["#E0ECF8", "#045FB4"]

效果

修改瀏覽器中大小

直接轉(zhuǎn)動滾輪,可以變大變大,但會出現(xiàn)很煩人的遮擋,這是因為容器大小限制了圖片的顯示

于是在該頁面按下F12(fn + F12)

然后很容易選中這個容器,發(fā)現(xiàn)大小是900 * 500,此時也會顯示給你它對應(yīng)的代碼

右鍵,edit as html

修改其中width和height參數(shù),我建議是1134和630,根據(jù)你的顯示器大小來定

修改后的效果,可以沾滿整個頁面,放大縮小也不會遮擋(主要是字看起來沒有這么擁擠了!!)

打開頁面是空白的問題

在這里面畫圖,你用到的地圖模版是需要依賴遠程資源的,所以必須要有網(wǎng)絡(luò)的情況下才能顯示,甚至有時候有網(wǎng)也不行,畢竟GitHub是外。。

查看生成的HTML文件,不難發(fā)現(xiàn)兩個依賴的資源

直接下載下來:依賴資源GitHub

然后在開頭加入如下代碼

其中字符串是資源在你電腦中的位置,僅僅到位置還不行,還要到里面的assets/目錄

這樣運行就是用本地的資源,一定可以顯示的

from pyecharts.globals import CurrentConfig

CurrentConfig.ONLINE_HOST = '資源位置/assets/'

總結(jié)

以上是生活随笔為你收集整理的html5调颜色浏览器不显示,pyecharts画中国地图(省、市):如何调整渐变颜色、浏览器中大小、生成的HTML打开是空白无法显示的问题...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。