Component({ data: { imageUrl: getApp().globalData.imageUrl, showChart: true, brandOption: { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, confine: true }, legend: { x:'15', icon: 'rectangle',//data图标样式 itemWidth: 10,//data图标大小 itemHeight: 10, textStyle: { fontSize: 9 }, data: ['尾翼互动量'], }, //图表位置 grid: { left: 20, right: 20, bottom: 15, top: 40, containLabel: true }, yAxis: [ { type: 'value', axisTick:{ show:false //去除刻度线 }, axisLine:{ show:false //去除轴线 }, axisLabel: { color: '#999999',//y轴文本颜色 textStyle: { fontSize : 9 } }, splitLine: { //分割线 // lineStyle:{ // // color:"#2d3436" // } show: true, lineStyle: { type: 'dashed', color: '#E8E8E8', } } } ], xAxis: [ { type: 'category', data: ['长安', '大众', '丰田', '吉利', '哈佛'], axisTick:{ show:false //去除刻度线 }, axisLine:{ show:false, //去除轴线 }, axisLabel: { color: '#999999',//x轴文本颜色 textStyle: { fontSize : 9 } } } ], series: { barWidth : 24, type: 'bar', data: [1400, 2000, 1500, 1800, 1490, 900, 310], stack:"Search Engine", emphasis: {//折线图的高亮状态。 focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。 }, itemStyle: { normal:{ color: '#00AAFF', lineStyle: { color: '#00AAFF' } } } }, }, modelOption: { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, confine: true }, legend: { x:'15', icon: 'rectangle',//data图标样式 itemWidth: 10,//data图标大小 itemHeight: 10, textStyle: { fontSize: 9 }, data: ['尾翼互动量'], }, //图表位置 grid: { left: 20, right: 20, bottom: 15, top: 40, containLabel: true }, yAxis: [ { type: 'value', axisTick:{ show:false //去除刻度线 }, axisLine:{ show:false //去除轴线 }, axisLabel: { color: '#999999',//y轴文本颜色 textStyle: { fontSize : 9 } }, splitLine: { //分割线 // lineStyle:{ // // color:"#2d3436" // } show: true, lineStyle: { type: 'dashed', color: '#E8E8E8', } } } ], xAxis: [ { type: 'category', data: ['大众速腾', '激励帝豪', '吉利星越', '奥迪A4', '奥迪Q5'], axisTick:{ show:false //去除刻度线 }, axisLine:{ show:false, //去除轴线 }, axisLabel: { color: '#999999',//x轴文本颜色 textStyle: { fontSize : 9 } } } ], series: { barWidth : 24, type: 'bar', data: [1400, 2000, 1500, 1800, 1490, 900, 310], stack:"Search Engine", emphasis: {//折线图的高亮状态。 focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。 }, itemStyle: { normal:{ color: '#20CC62', lineStyle: { color: '#20CC62' } } } }, }, }, onShow() { this.getTabBar().init(); }, methods: { priceSel(e){ this.setData({ intervalSel: e.currentTarget.dataset.index }) }, Rankdetail(){ wx.navigateTo({ url: "/pages/index/Rankdetail/Rankdetail" }) } } })