getStatisFactionChart(val) {
debugger
const xlChart = this.$echarts.init(document.getElementById('statisChart'))
xlChart.setOption({
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
// toolbox: {
// feature: {
// dataView: {
// show: false,
// readOnly: false
// },
// magicType: {
// show: false,
// type: ['line', 'bar']
// },
// restore: {
// show: false
// },
// saveAsImage: {
// show: false
// }
// }
// },
legend: {
data: val.legend,
textStyle: {
color: '#FFFFFF'
}
},
xAxis: [{
type: 'category',
data: val.xAxis,
axisPointer: {
type: 'shadow'
},
axisLabel: {
textStyle: {
color: '#FFFFFF'
}
}
}],
yAxis: [{
type: 'value',
name: '满意度',
axisLabel: {
formatter: '{value} %',
textStyle: {
color: '#FFFFFF'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#FFFFFF'
}
}
}
],
series: val.series
})
}
}
#echarts# 请教下echarts竖形柱状图数据 与 x轴对不齐
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- CSDN专家-sinJack 2021-07-15 12:04关注
官方文档:https://echarts.apache.org/examples/zh/editor.html?c=bar-simple
根据你的数据渲染了一下,你渲染的是并列柱状图。
series: 属性渲染的不对。
数据返回格式:对象(data数组、type字符串)series:{ data: [120, 200], type: 'bar' }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线,如何释放宽带全部速度
- ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
- ¥15 ETLCloud 处理json多层级问题
- ¥15 matlab中使用gurobi时报错
- ¥15 这个主板怎么能扩出一两个sata口
- ¥15 不是,这到底错哪儿了😭
- ¥15 2020长安杯与连接网探
- ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么