国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - vue-echarts-v3使用的過程中折線圖區(qū)域呈漸變色。

瀏覽:129日期:2022-12-23 13:29:17

問題描述

javascript - vue-echarts-v3使用的過程中折線圖區(qū)域呈漸變色。這是我的圖表數(shù)據(jù)

我希望紅色部分是漸變色。我已經(jīng)使用了visvisualMap的方法,并不能達(dá)到我想要的效果。當(dāng)我使用new echarts.graphic.LinearGradient(0, 0, 0, 1, [{

offset: 0, color: ’rgb(255, 158, 68)’}, { offset: 1, color: ’rgb(255, 70, 131)’}])。。。我找到的其中一種方法,。。但是不知道怎么獲取echarts對(duì)象,

由于不想在項(xiàng)目中引入過多的資源,所以引入zRender暫時(shí)不在考慮范圍之內(nèi)。。。 求助希望解決vue-echarts-v3插件使用是,獲取new echarts.graphic.LinearGradient()的辦法

<IEcharts :option='bar' class='step_echarts'></IEcharts

import IEcharts from ’vue-echarts-v3’import ’echarts/lib/chart/line’

export defalut{data(){

return{ bar: { tooltip: {}, xAxis: {data: [’1泡’, ’2泡’, ’3泡’, ’4泡’, ’5泡’],axisTick:{ alignWithLabel:true} }, yAxis: {show:false }, series: [{name: ’Clouds’,type: ’line’,data: [5, 7, 13, 20, 30],areaStyle: {normal:{}} }]} }}

}}

問題解答

回答1:

我隨便寫了三個(gè)顏色。

series: [{name: ’Clouds’,type: ’line’,data: [5, 7, 13, 20, 30],areaStyle: {normal:{}},itemStyle: {normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1,[ {offset: 0, color: ’red’}, {offset: 0.5, color: ’pink’}, {offset: 1, color: ’#ddd’}] )} }}]

javascript - vue-echarts-v3使用的過程中折線圖區(qū)域呈漸變色。

回答2:

樓上說的對(duì),你要想要漸變,你就要給他設(shè)置圖例,告訴它從哪漸變到哪,要不然用的是默認(rèn)的顏色

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 国内自拍网红在线综合 | 欧美日韩精品一区二区三区视频在线 | 亚洲男人的天堂在线 | 亚洲成人一级 | 午夜不卡av免费 | 91pao强力打造免费高清 | 亚洲国产成人在线视频 | 国产精品欧美亚洲韩国日本不卡 | 中文字幕日韩三级 | 亚洲成人免费视频在线 | 免费人成在线 | 国产午夜精品不卡视频 | 国产精品线在线精品国语 | 草草影院欧美三级日本 | 日本三级香港三级少妇 | 日本成aⅴ人片日本伦 | 久久成人a毛片免费观看网站 | 粉嫩高中生的第一次在线观看 | 欧美大尺码毛片 | 一级毛片免费在线观看网站 | 九九在线精品 | 国产在线更新 | 一级特一级特色生活片 | 毛片免费视频观看 | 韩国一级永久免费观看网址 | 亚洲欧洲一二三区机械有限公司 | 欧美成人私人视频88在线观看 | 久久www视频| 中文字幕有码在线视频 | 亚洲国产成人久久综合一 | 呦女精品视频 | 国产精品久久久久久免费 | 国产日韩一区二区三区 | 51国产偷自视频区视频手机播器 | 精品免费国产一区二区三区 | 99国产精品高清一区二区二区 | 国产91一区二这在线播放 | 成人免费福利片在线观看 | 欧美日韩在线视频免费完整 | 亚洲日韩中文字幕在线播放 | 国产成人一区二区三区 |