大数据可视化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: “最近七天喷淋主泵出口压力”

}

]

原文