在c# chart柱状图中，怎么根据数值的大小动态控制单个柱体的颜色

Posted 2023-05-13

在c# chart柱状图中，怎么根据数值的大小动态控制单个柱体的颜色：如：第一个柱体的值为20时柱体显示绿色，当值大于20时，柱体颜色变化为红色。

参考技术A 没记错的话一个series只能是一种颜色是吧？那是不是可以换个想法，一条柱状设置为一个series，就是说一张图表你会出现多个series，这样每个series可以根据自己喜好随意设置颜色了....不知这样算是帮你解决问题了吗？

颜色渐变的柱状图

做项目时的一个需求：根据数值大小使用颜色渐变的方块表示，效果是很多小方块排成一排（类似于横向的堆叠柱状图，不过不同颜色之间有空隙，宽高相同），方块颜色为其数值大小m，取a颜色（对应数值min）到b颜色（对应数值max）的渐变色中相对应的颜色

echarts官网上有一个例子可以借鉴，是使用visualMap视觉映射组件。通常visualMap都是映射的数据轴数值大小，现在要求柱状图一样高，所以映射到x轴上，由于x轴是类目轴，所以它会按照下标来映射

var min = 7,max = 33;

var color_min = ‘red‘,color_max = ‘blue‘;

var optiion = {

　　xAxis:{...,data:[7,8,...,32,33]},

　　yAxis:{...},

　　grid:{...},

　　visualMap:{

　　　　...

　　　　min:0,

　　　　max:max - min,

　　　　demission:0,

　　　　inRange:{

　　　　　　color:[color_min,color_max]

　　　　},

　　　　..

　　},

　　series:[{

　　　　...,

　　　　data:[1,1,...,1,1]

　　}]

}

配置项大致就是上面这个样子，有兴趣的可以试一下