echarts柱状图宽度设置(react-native)
2024-10-16 21:39:50
const optionCategory = {
color: ['#B5282A'],
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
grid: {
top: px(20),
left: '3%',
right: '4%',
bottom: px(5),
containLabel: true,
height: px(290),
},
xAxis : [
{
type : 'category',
data : data.datax,
axisTick: {
alignWithLabel: true
},
axisLabel:{ //调整x轴的lable
textStyle:{
fontSize: 10 // 让字体变大
}
}
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'交易额',
type:'bar',
barWidth: px(26),//宽度
itemStyle: {
normal: {
fontColor: '14px',
},
},
data: data.data,
}
]
};
最新文章
- Javascript之变量作用域
- app 支付宝 支付 alipaySdk
- spring boot学习
- PHP session回收机制
- Android开发之View重写相关API-onLayout,onMeasure,MeasureSpec
- CPU和GPU的区别
- 加载window事件
- HTML5 - Canvas动画样例(谷歌弹跳球)
- iOS开发UITableView基本使用方法总结
- JavaScript基础学习(三)—数组
- 全景智慧城市常诚——一个实体商家“自剖”VR全景的势在必得
- 团队作业10——复审与事后分析(Beta版本)
- Arrays.sort解析
- 页面刷新方式实时检测cookie是否失效
- ElasticSearch Index 速度优化 (官方翻译)
- ASP.NET MVC如何做一个简单的非法登录拦截
- 小程序分享进入H5动态网页
- HashTable Queue Stack SortedList BitArray
- mySQL遇到的问题
- 用 PHP-GTK2 做 Win32 GUI 程序