地图标识指定颜色对应指定数值

最新推荐文章于 2023-05-08 15:27:03 发布

怀里的熊

最新推荐文章于 2023-05-08 15:27:03 发布

阅读量162

点赞数

分类专栏： js方法文章标签： echarts

本文链接：https://blog.csdn.net/xtq1997/article/details/128632347

版权

js方法专栏收录该内容

12 篇文章 0 订阅

订阅专栏

该段代码展示了如何在ECharts图表中使用visualMap组件进行分段颜色映射，设置最小值(min)为2011，最大值(max)为2014。每个年份段都有特定的颜色标签和对应颜色，如2012年为红色，2013年为黄色，2014年为蓝色。此外，配置还包括可选的滑块交互和颜色渐变范围。

摘要由CSDN通过智能技术生成

visualMap: {
            type: "piecewise",
            min: 2011,
            max: 2014,
            pieces: [
              {
                gte: 2012,
                lte: 2012,
                label: "2012年",
                color: "#d52202",
              },
              {
                gte: 2013,
                lte: 2013,
                label: "2013年",
                color: "#f7e34a",
              },
              {
                gte: 2014,
                lte: 2014,
                label: "2012年",
                color: "#333d98",
              },
            ],
            // splitNumber: 3,
            // inRange: {
            //   color: [
            //     "#313695",
            //     "#4575b4",
            //     "#74add1",
            //     "#abd9e9",
            //     "#fee090",
            //     "#fdae61",
            //     "#f46d43",
            //     "#d73027",
            //     "#a50026",
            //   ], //控制颜色渐变的范围
            // },
            calculable: true, //是否出现滑块
          },

效果展示