Echarts--单个Y轴

//折线图--单个Y轴

var lineChart = echarts.init(document.getElementByIdx_x('PolyLine'));

var optionLine = {

title: {

text: '对数轴示例',

left: 'center'

},

tooltip: {

trigger: 'item',

formatter: '{a}{b} : {c}'

},

legend: {

left: 'left',

data: ['2的指数', '3的指数','1/2的对数']

},

//直角坐标系 grid 中的 x 轴，单个 grid 组件最多只能放上下两个 x 轴。

xAxis: {

type: 'category',

name: 'x',

splitLine: {show: false},

data: ['一', '二', '三', '四', '五', '六', '七', '八', '九']

},

//直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。

grid: {

//组件离容器左侧的距离,值可以是像 20 这样的具体像素值，可以是像 '20%' 

left: '3%',

right: '4%',

bottom: '3%',

containLabel: true

},

//直角坐标系 grid 中的 y 轴，单个 grid 组件最多只能放左右两个 y 轴。

yAxis: {

type: 'log',

name: 'y'

},

//系列列表,每个系列通过 type 决定自己的图表类型

series: [

{

name: '3的指数',

type: 'line',

data: [1, 3, 9, 27, 81, 247, 741, 2223, 6669]

},

{

name: '2的指数',

type: 'line',

data: [1, 2, 4, 8, 16, 32, 64, 128, 256]

},

{

name: '1/2的指数',

type: 'line',

data: [1/2, 1/4, 1/8, 1/16, 1/32, 1/64, 1/128, 1/256, 1/512]

}

],

//数据分区颜色值

color:['#FFA60C','#0580b9','#28c6b9']

};

lineChart.setOption(optionLine);