ECharts2.0柱状图横向显示
来源:互联网 发布:手机自动充值软件 编辑:程序博客网 时间:2024/06/05 07:02
option = {
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
},
formatter:function(v){return Math.abs(v[0].data)}
},
legend: {
data:['直接访问']
},
xAxis : [
{
type : 'value',
axisLabel:{
formatter:function(v){ return Math.abs(v)}
}
}
],
yAxis : [
{
type : 'category',
position:'right',
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
series : [
{
name:'直接访问',
type:'bar',
stack: '总量',
itemStyle : { normal: {label : {show: true, position: 'left',formatter:function(v){return Math.abs(v.data)}}}},
data:[-320,- 302, -301, -334, -390,- 330, -320]
},
]
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
},
formatter:function(v){return Math.abs(v[0].data)}
},
legend: {
data:['直接访问']
},
xAxis : [
{
type : 'value',
axisLabel:{
formatter:function(v){ return Math.abs(v)}
}
}
],
yAxis : [
{
type : 'category',
position:'right',
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
series : [
{
name:'直接访问',
type:'bar',
stack: '总量',
itemStyle : { normal: {label : {show: true, position: 'left',formatter:function(v){return Math.abs(v.data)}}}},
data:[-320,- 302, -301, -334, -390,- 330, -320]
},
]
};
阅读全文
0 0
- ECharts2.0柱状图横向显示
- ECharts2.0横向显示柱状图
- Echarts2 柱状图
- 【Echarts】Echarts2.0动态加载柱状图~
- Echarts2.0和Echarts3.0添加柱状图标签值
- 【Echarts】Echarts2.0动态加载折现图和柱状图~
- echarts 实现柱状图左右横向显示
- echarts2.0的formatter显示过长问题
- IOS charts框架 横向柱状图显示数值问题
- JfreeChar 画横向柱状图
- JfreeChar 画横向柱状图
- android自定义横向柱状图
- 柱状图数据0不显示
- 关于JFreeChart横向柱状图如何将数值显示到柱子顶端的问题
- echarts图表——条形图(柱状图)的动态横向显示设置
- Extjs-Flash报表 横向柱状图
- 横向柱状图的CSS写法
- Android 自定义控件--横向柱状图
- 机器学习--EM算法
- Oracle 登录以及解锁账号
- JVM三大核心区域
- 使用JSch来上传或者下载linux上的文件
- 权限处理
- ECharts2.0柱状图横向显示
- Java方法的可变参数类型
- 数字证书的申请
- 协方差矩阵
- Kerberos hadoop常见问题汇总
- c++ eigen 简单用法
- 春风十里不如你--Angularjs 中的iframe 标签 ng-src 路径
- java toString()和String.valueOf() 和(String)object区别
- read