简单应用方式:
<div id="main"></div>
引用Echart
<script src="js/echarts.common.min.js"></script>
var myChart = echarts.init(document.getElementById('main'));
option={
...配置项
}
myChart.setOption(option);
配置项设置:
//两边留白:
boundaryGap:['30%', '30%']
//不要刻度线:
axisTick:{
show:false
},
//设置轴线线宽:
axisLine:{
lineStyle:{
width:2
}
}
//不要网格:
grid:{
show:false,
}
//Y轴轴线不显示
yAxis : [
{
show:false,
}
//数据结果设置
series : [
{
type:'line',
symbol:'circle',//拐点的形状 实心圆
symbolSize:24,//拐点的形状的大小
label:{
normal:{
show:true,
// offset:[0,-10],
textStyle:{
color:"#5181bb",//提示值的字体颜色设置
}
}
},
itemStyle:{
normal:{
color:"#5181bb"
}
},
data:[10, 50, 80, 100, 150, 60],//数据
}
]
]
更多配置参考 :http://echarts.baidu.com/option.html#xAxis.nameGap