求帮助，我要做的柱状图是不同范围的数值柱形颜色不一样_echarts吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：569贴子：
求帮助，我要做的柱状图是不同范围的数值柱形颜色不一样
这是我现在做成的图片和代码，我想将数值分为0-50,、51-100、101-150、151-200、200-300、&300这几个范围，然后不同范围显示指定好的颜色，应该怎么弄呢？？？效果如下：代码：&script type=&text/javascript&&// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('activation_chart'));// 指定图表的配置项和数据option = {tooltip : {trigger: 'axis',axisPointer : {
// 坐标轴指示器，坐标轴触发有效type : 'shadow'
// 默认为直线，可选为：'line' | 'shadow'}},grid: {left: '3%',right: '3%',bottom: '1%',top: '3%',containLabel: true},yAxis:
{type: 'value'//data:['42','52','62','72','82','91','102']},xAxis: {type: 'category',splitLine:{ show:false },data: ['0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23']},series: [{type: 'bar',label: {normal: {show: true,position: 'insideRight'}},itemStyle: {normal:{color:'#e6920e'}},data: [34,51,67,75,78,98,68,88,58,78,78,76,51,81,71,101,51,41,41,73,43,90,67,45]}]};// 使用刚指定的配置项和数据显示图表。myChart.setOption(option);&/script&
缺牙要及时修复，揭秘种植牙如何做到几十年不掉？
itemStyle: {
color: function(params) {
// build a color map as your need.
var colorList = [';,'e02222'];
if (params.data ==0) {
return colorList[0];
} else if (params.data & 0 && params.data &= 10) {
return colorList[1];
} else if (params.data & 10 && params.data &= 20) {
return colorList[2];
else if (params.data & 20) {
return colorList[3];
show: true,
position: 'top',
textStyle: {
color: '#;,
fontSize:14
}},data: [a, b, c, d, 0, 20,30]定义颜色数组，然后写入相关函数，返回该颜色数组
贴吧热议榜
使用签名档&&
保存至快速回贴柱状图怎么一个图例对应一个柱子？？_echarts吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：569贴子：
柱状图怎么一个图例对应一个柱子？？
如图： 我想图例1，2，3，4，5应该是不同的5种颜色，并 分别对应 柱子第1-5个。
贴吧热议榜
使用签名档&&
保存至快速回贴如何点击柱状图的柱子后，这柱子的x轴坐标下的字颜色改变_echarts吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：569贴子：
如何点击柱状图的柱子后，这柱子的x轴坐标下的字颜色改变
如点击裤子这红色的柱子，下方裤子两字颜色变红。求帮
缺牙要及时修复，揭秘种植牙如何做到几十年不掉？
首先定义柱体点击事件
然后设置Option参数中对应的字体颜色值
将Option参数赋给该图表对象就OK了
贴吧热议榜
使用签名档&&
保存至快速回贴20702人阅读
echarts（5）
本来想写echarts初始化函数的，但最近因为要写一个地图与柱状图的混合方式，也就是每个省的地图上要有柱状图显示。于是仔细使用了一下地图。
1、地图的一些基本属性就不介绍了，还是那些style
2、地图数据的获取以及Series的加载和其他没有什么大的差异。地图数据都在map.js中，都可以自己看，也可以自己根据格式获取响应的数据。
这里主要想处理的是图例颜色与地图底图颜色怎么设置的问题。
1、图例的颜色代码
refresh: function (newOption) {
if (newOption) {
this.option = newOption || this.
this.option.legend = this.reformOption(this.option.legend);
this.legendOption = this.option.
var data = this.legendOption.data || [];
var queryT
if (this.legendOption.selected) {
for (var k in this.legendOption.selected) {
this._selectedMap[k] = typeof this._selectedMap[k] != 'undefined' ? this._selectedMap[k] : this.legendOption.selected[k];
for (var i = 0, dataLength = data. i & dataL i++) {
itemName = this._getName(data[i]);
if (itemName === '') {
something = this._getSomethingByName(itemName);
if (!something.series) {
this._hasDataMap[itemName] =
this._hasDataMap[itemName] =
if (something.data && (something.type === ecConfig.CHART_TYPE_PIE || something.type === ecConfig.CHART_TYPE_FORCE || something.type === ecConfig.CHART_TYPE_FUNNEL)) {
queryTarget = [
something.data,
something.series
queryTarget = [something.series];
}//可以看到下面这一句commend by danielinbiti，图例颜色先查找series是否设置了itemStyle.normal.color这个属性进行判断，如果没有，则会按照默认的颜色设置取值。如果设置了，就按照设置的颜色取值。现在想设置，肯定需要在series中对应的坐标系中设置颜色。
color = this.getItemStyleColor(this.deepQuery(queryTarget, 'itemStyle.normal.color'), something.seriesIndex, something.dataIndex, something.data); if (color && something.type != ecConfig.CHART_TYPE_K) { this.setColor(itemName, color); } this._selectedMap[itemName] = this._selectedMap[itemName] != null ? this._selectedMap[itemName] : } } } this.clear(); this._buildShape(); },
2、于是可能产生了如下一个坐标系设置代码
name: 'iphone3',
type: 'map',
mapType: 'china',
selectedMode:'single',
roam: true,
showLegendSymbol:true,
itemStyle:{
label:{show:true}
,areaStyle:{color:'green'}
//设置地图背景色的颜色设置
,color:'rgba(255,0,255,0.8)' //刚才说的图例颜色设置
emphasis:{label:{show:true}}
{name: '北京',value: Math.round(Math.random()*1000)},
{name: '天津',value: Math.round(Math.random()*1000)},
{name: '上海',value: Math.round(Math.random()*1000)}
3、这么设置有问题吗？我设置了一下发现有问题。图例颜色是对了，但是地图背景色不对，变成和第一个设置color的坐标系颜色一致了
于是查看地图源码(map.js)发现有这么一行代码
color = dataRange && !isNaN(value) ? dataRange.getColor(value) :
style.color = style.color || color
|| this.getItemStyleColor(this.deepQuery(queryTarget, 'itemStyle.normal.color'), data.seriesIndex, -1, data)|| this.deepQuery(queryTarget, 'itemStyle.normal.areaStyle.color');
如果按照地图是china的话，这里的style可以理解成地图省份，style.color没值,color如果区间拉到最下面也是没值(可以看到getColor方法返回的是null)，然后接着找itemStyle.normal.color，所以两个都设置了，是找不到areaStyle的设置。背景色就是第一个坐标系的颜色。
4、然后再想怎么解决。
看图例的颜色设置机制，实际上和坐标系的什么图形，什么类型都没关系，只要是坐标系的格式就行。那是不是可以欺骗一下。
在series中，设置成这样
name: 'iphone3',//add by danielinbiti，注意这里名称必须和坐标系的名称要一致
type:'', //设置为'',所有图形都不会读取
itemStyle:{
color:'rgba(255,0,255,0.8)'
mapType:'none',
name: 'iphone3',
type: 'map',
mapType: 'china',
selectedMode:'single',
roam: true,
showLegendSymbol:true,
itemStyle:{
label:{show:true}
,areaStyle:{color:'green'}
emphasis:{label:{show:true}}
{name: '北京',value: Math.round(Math.random()*1000)},
{name: '天津',value: Math.round(Math.random()*1000)},
{name: '上海',value: Math.round(Math.random()*1000)}
& & & & &或许没有发现其他隐形设置，但根据map中的代码，似乎也没有其他途径。希望echarts能够修正一下这个问题。把or的时候顺序换一下就行了。举手之劳。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：352274次
积分：4925
积分：4925
排名：第4315名
原创：133篇
转载：52篇
评论：159条
(2)(1)(1)(1)(4)(5)(5)(10)(4)(1)(6)(4)(1)(3)(2)(1)(1)(4)(1)(4)(10)(6)(2)(1)(1)(3)(11)(4)(2)(21)(3)(3)(4)(5)(4)(7)(3)(5)(1)(1)(1)(1)(1)(1)(1)(2)(3)(5)(13)}