function getChartObj() {
var chart1 = {
chart: {
renderTo: 'container',
defaultSeriesType: 'spline',
zoomType: 'xy', //自定义的拽拉图表,让图表以x轴y轴放大
},
title: {
text: 'Monthly Average Temperature',
x: -20 //center
},
subtitle: {
text: 'Source: WorldClimate.com',
x: -20
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'Temperature (°C)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: '°C'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
plotOptions: {
series: {
point: {
events: {
click: function () {
this.select(!this.selected, true);
}
}
}
},
spline: {
lineWidth: 1.5,
fillOpacity: 1,
marker: {
enabled: true,
radius: 2.0,
states: {
hover: {
enabled: true,
radius: 3.0
}
}
},
//是否在图注中显示
showInLegend: true,
// 调整图像顺序关系
zIndex: 3
}
},
series: [
{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: 'New York',
data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
}, {
name: 'Berlin',
data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
}, {
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}
]
};
return chart1;
}
方法2
//保存结果
var SaveObj = {
project_id :"",
dlmc : "",
dlmj : ""
}
function NewInstance() {
return SaveObj;
}
方法3
function obj(){
this.project_id =" ";
this.aa=" ";
}
var temp = new obj();
本文深入探讨了如何使用图表高效地展示数据,包括图表设计原则、交互功能以及最佳实践,旨在帮助开发者创建清晰、直观的数据可视化解决方案。
802

被折叠的 条评论
为什么被折叠?



