highcharts图表 去掉highcharts的logo 改变y轴的刻度 改变背景颜色 去掉图例

1.去掉highcharts的logo

credits: { 
enabled: false //不显示LOGO 
},

2.改变柱状图宽度

plotOptions: {
           series: {
               pointPadding: 0, //数据点之间的距离值
               groupPadding: 0, //分组之间的距离值
               borderWidth: 0,
               shadow: false,
               pointWidth:5 //柱子之间的距离值
        }
   }

//统一柱状图的颜色

color:'#ffc77f',

3.改变y轴的刻度

yAxis: {
      tickPositions: [0, 50000, 100000, 150000,200000,250000,300000] // 指定竖轴坐标点的值
},

4.改变背景颜色,改变环形图文字颜色

 chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            backgroundColor:'#fff',//改变背景颜色
            plotShadow: false, 
            spacing : [100, 0 , 40, 0]
        },
        title: {
            floating:true,
            text: '前十大投资人',
            style: {
           color: "#000"//改变环形图文字颜色
       }
        },

5.去掉图例
 
 
 legend: {                                                                                 enabled: false                                                                    } 
6.highcharts改变y轴刻度的单位
labels: {
		formatter:function(){
 
 
                  return this.value+"%";                 }             } 
7.提示框的背景色
tooltip: {
	        	backgroundColor: '#ff6600',
	            pointFormat: '平台交易: <b>{point.y:.1f} 万元</b><br>交易笔数:<b>{point.y:.1f} 万笔</b>',
	            animation: true  
	        },

8.重新绘制

$("#container1").highcharts().reflow();

9.雷达图刻度

plotOptions: {
            line: {
                dataLabels: {
                    enabled: true          // 开启数据标签
                },
                enableMouseTracking: false // 关闭鼠标跟踪,对应的提示框、点击事件会失效
            }
        },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值