![](https://i-blog.csdnimg.cn/blog_migrate/d43bbb318fd569efc35210483301ae01.png)
怎样解决:
直线部分:
![](https://i-blog.csdnimg.cn/blog_migrate/ad74ed4c2ecbc25de120c054cfa07a61.png)
折线部分:
![](https://i-blog.csdnimg.cn/blog_migrate/b26c1bfb1c43cda9f2cc792ac2815391.png)
tooltip:{
trigger:'axis',
formatter: function(params){
var obj = params[0];
var obj2 = params[1];
if(obj.value==undefined){
obj = obj2;
}
return obj.name + "<br>总 量:"+obj.value;
}
},
Formatter里面的函数是echarts自带的,params是·自带的参数,
1.x轴的拉身效果
dataZoom = {
orient:"horizontal", //水平显示
show:true, //显示滚动条
start:0, //起始值为0%
end:40 //结束值为40%
}
扇形图
去掉坐标轴---不用写坐标轴
去掉指示线--labelLine
![](https://i-blog.csdnimg.cn/blog_migrate/c0f70b46f6b6dd0ba03b89b2b76d4bbe.png)
去掉放大效果---hoverAnimation
改变圆环颜色
去掉提示悬浮层
一个数字占的半分比
![](https://i-blog.csdnimg.cn/blog_migrate/d816b1d03538b95460f4cc5f47d7e1ca.png)
正副交叉轴
正副交叉轴坐标位置的改变
1.柱状图颜色的变化,
去掉右面的下载图标------toolbox
toolbox: {
feature: {
dataView: {show: true, readOnly: false},
magicType: {show: true, type: ['line', 'bar']},
restore: {show: true},
saveAsImage: {show: true}
}
},
修饰图例组件----length、、
height,width,,,.,,,,
折现图的添加
外层的设置,------最外层设置为圆形-------shape:circle
highChart.js
蜘蛛图点击事件
events: {
click: function(e) {
if (clickDetected) {
console.log("Double click");
console.log(e);
} else {
clickDetected = true;
setTimeout(function() {
clickDetected = false;
}, 500);
}
}
}