大数据可视化html页面切图的时候，一般用echarts来实现，文档比较全面而且 使用的人多，所以当你遇到问题也比较好百度，基本别人都遇到过或给出解决方案，所以比较有优势，用highcharts的以前比较多，现在倒是不太多了，至少切图网现在比较少用了，一般用charts，下面附折线图的一些常规参数设置。
（1）改变折线点和折线的颜色
series: [
{
name: “温度”,//鼠标放在折线点上显示的名称
type: “line”,//折线图
symbol: ‘circle’,//折线点设置为实心点
symbolSize: 4, //折线点的大小
itemStyle: {
normal: {
color: “#386db3”,//折线点的颜色
lineStyle: {
color: “#386db3″//折线的颜色
}
}
},
]
（2）改变x轴y轴的颜色以及宽度
xAxis: [{
gridIndex: 0,
type: “category”,
data: xdata,
axisLine: {
lineStyle:{
color:’#272729′,//x轴的颜色
width:8,//轴线的宽度
}
},
}],
yAxis: [
axisLine: {
lineStyle:{
color:’#272729′,// y轴的颜色
width:8,//y轴线的宽度
}
}],
（3）改变坐标值的颜色
axisLabel: {
show: true,
textStyle: {
color: ‘#fff’
}
}
（4）legend
添加legend的时候，必须是series中name的名字和legend中字体的内容是一致的才能显示
legend的颜色是在option里面直接定义的color数组，有几个图例就在color里面写几个颜色值。
legend: {
color:[‘#4472C5’],
data:[‘最近七天喷淋主泵出口压力’],
textStyle:{//图例文字的样式
color:’#fff’,
fontSize:16
}
},
series: [
{
type: ‘line’,
valueAxisIndex: 0,
name: “最近七天喷淋主泵出口压力”
}
]
原文 http://www.qietu.com/echarts-zhexiantu/