用Xcharts插件时要去修改柱状图单独一个柱子时获取不到要修改的单柱子颜色,请问要怎么修改单柱子颜色。
就是要修改这种样式,不要全部柱子颜色修改,只改一个柱子颜色。
在unity里面修改单柱子的颜色在这里修改,但是我想在代码里对这单柱子进行修改要这么去修改
调用Xcharts时设置颜色
var serieData = chart.AddData(0, 20);
//var serieData = serie.GetSerieData(0); //从已有数据中获取
serieData.radius = 10;
var itemStyle = serieData.GetOrAddComponent<ItemStyle>(); //启用SerieData的Component
itemStyle.color = Color.blue;
貌似是改不了的,sdk提供的demo中也没有类似案例
我知道你是想用纯代码实现,希望可以引导你
var option = {
xAxis: {
data: ["苹果","小米","华为","其他"]
},
yAxis: {
splitLine:{ show:false} //改设置不显示坐标区域内的y轴分割线
},
series: [{
name: '手机品牌',
type: 'bar',
data: [19, 15, 40, 32],
//设置柱子的宽度
barWidth : 30,
//配置样式
itemStyle: {
//通常情况下:
normal:{
//每个柱子的颜色即为colorList数组里的每一项,如果柱子数目多于colorList的长度,则柱子颜色循环使用该数组
color: function (params){
var colorList = ['rgb(164,205,238)','rgb(42,170,227)','rgb(25,46,94)','rgb(195,229,235)'];
return colorList[params.dataIndex];
}
},
//鼠标悬停时:
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
}],
//控制边距
grid: {
left: '0%',
right:'10%',
containLabel: true,
},
};
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!