Echarts_LogAxis

by tmtron

HTML

<script src="https://cdn.bootcss.com/echarts/4.2.1/echarts.min.js"></script>
<div id="main" style="width: 600px;height:400px;"></div>

JavaScript

var myChart = echarts.init(document.getElementById('main'));

option = {
	"color": [
		"#c23531",
		"#2f4554",
		"#61a0a8",
		"#d48265",
		"#91c7ae",
		"#749f83",
		"#ca8622",
		"#bda29a",
		"#6e7074",
		"#546570",
		"#c4ccd3"
	],
	"gradientColor": [
		"#f6efa6",
		"#d88273",
		"#bf444c"
	],
	"textStyle": {
		"fontFamily": "Microsoft YaHei",
		"fontSize": 12,
		"fontStyle": "normal",
		"fontWeight": "normal"
	},
	"animation": "auto",
	"animationDuration": 1000,
	"animationDurationUpdate": 300,
	"animationEasing": "exponentialOut",
	"animationEasingUpdate": "cubicOut",
	"animationThreshold": 2000,
	"progressiveThreshold": 3000,
	"progressive": 400,
	"hoverLayerThreshold": 3000,
	"useUTC": false,
	"axisPointer": [
		{
			"show": "auto",
			"triggerOn": null,
			"zlevel": 0,
			"z": 50,
			"type": "line",
			"snap": false,
			"triggerTooltip": true,
			"value": null,
			"status": null,
			"link": [],
			"animation": null,
			"animationDurationUpdate": 200,
			"lineStyle": {
				"color": "#aaa",
				"width": 1,
				"type": "solid"
			},
			"shadowStyle": {
				"color": "rgba(150,150,150,0.3)"
			},
			"label": {
				"show": true,
				"formatter": null,
				"precision": "auto",
				"margin": 3,
				"color": "#fff",
				"padding": [
					5,
					7,
					5,
					7
				],
				"backgroundColor": "auto",
				"borderColor": null,
				"borderWidth": 0,
				"shadowBlur": 3,
				"shadowColor": "#aaa"
			},
			"handle": {
				"show": false,
				"icon": "M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z",
				"size": 45,
				"margin": 50,
				"color": "#333",
				"shadowBlur": 3,
				"shadowColor": "#aaa",
				"shadowOffsetX": 0,
				"shadowOffsetY": 2,
				"throttle": 40
			}
		}
	],
	"tooltip": [
		{
			"trigger": "axis",
			"axisPointer": {
				"type": "shadow",
				"axis": "auto",
				"animation":...