ECharts分段型視覺映射組件的屬性修改

ECharts文檔:https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-4hnc2d9j.html

圖表格式如下所示:


代碼就不貼了,可以進入官網調試:https://echarts.baidu.com/examples/editor.html?c=line-aqi

現在要修改的是右側的部分的內容,每段數字改成要具體表達的內容:


在等級區(qū)分里面,每段數字之間,需要標注標題說明,代碼如下在每一段后面加上label:'標題'。

 visualMap: {
            top: 10,
            right: 10,
            pieces: [{
                gt: 0,
                lte: 50,
                label:'深睡',
                color: '#096'
            }, {
                gt: 50,
                lte: 100,
                label:'熟睡',
                color: '#ffde33'
            }, {
                gt: 100,
                lte: 150,
                label:'淺睡',
                color: '#ff9933'
            },  ],
            outOfRange: {
                color: '#999'
            }
        },

修改之后,可以看到



原文作者:祈澈姑娘 技術博客:http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子,愛編程,愛運營,文藝與代碼齊飛,魅力與智慧共存的程序媛一枚。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,對于博客上面有不會的問題,可以加入qq技術交流群:702834751

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容