(function () {
$('.monitor .tabs').on('click', 'a', function () {
$(this).addClass('active').siblings('a').removeClass('active')
// console.log($(this).index()); 点击的索引号
$('.monitor .content').eq($(this).index()).show().siblings('.content').hide()
})
//克隆行
$('.marquee-view .marquee').each(function () {
var rows = $(this).children().clone()
$(this).append(rows)
})
})()
//点位分布统计
(function () {
var myChart = echarts.init(document.querySelector('.pie'))
var option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
color: [
"#006cff",
"#60cda0",
"#ed8884",
"#ff9f7f",
"#0096ff",
"#9fe6b8",
"#32c5e9",
"#1d9dff"
],
series: [
{
name: '点位分布',
type: 'pie',
radius: ['10%', '60'],
center: ['50%', '50%'],
roseType: 'radius',
itemStyle: {
borderRadius: 5
},
label: {
show: true,
fontSize: 10
},
labelLine: {
normal: {
length: 6, //第一条线
length2: 8, //第二条线
}
},
data: [
{ value: 20, name: '云南' },
{ value: 26, name: '北京' },
{ value: 24, name: '山东' },
{ value: 25, name: '河北' },
{ value: 20, name: '江苏' },
{ value: 25, name: '浙江' },
{ value: 30, name: '四川' },
{ value: 42, name: '湖北' }
]
}
]
};
myChart.setOption(option)
//让图表和浏览器同比例缩放
window.addEventListener('resize', function () {
myChart.resize()
})
})();