/*
 * @Author: changjun
 * @FilePath: /yuan-qingdao-zld-browser/src/components/chart/options/tooltip.ts
 * @Date: 2022-08-29 10:04:11
 * @Description: 
 * @LastEditTime: 2022-09-01 14:23:14
 * @LastEditors: changjun
 */


export const removeExtraCssText = 'z-index: 9;border-radius: 0; border: 0;padding: 0;background: red;margin: 0;min-width: 0;height: 0;max-width:none'


export const yaLineTooltipFormatter = (params) => {
	let _resHtml = ''
	const axisValue = params[0]?.axisValue
	params.forEach(item => {
		const { color, seriesName, value } = item
		_resHtml += `<div class="light-linechart-tooltip-content-item">
					<div class="light-linechart-tooltip-content-item-icon" style="background: ${color}"></div>
					<div class="light-linechart-tooltip-content-item-name">${seriesName}</div>
					<div class="light-linechart-tooltip-content-item-value">${value}</div>
				</div>`
	});

	return `<div class="light-linechart-tooltip  light-linechart-tooltip-vertical">
			<div class="light-linechart-tooltip-subtitle">${axisValue}</div>
			<div class="light-linechart-tooltip-content light-linechart-tooltip-vertical-content">
				${_resHtml}
			</div>
		</div>`
}