js new对象

本文深入探讨了如何使用图表高效地展示数据,包括图表设计原则、交互功能以及最佳实践,旨在帮助开发者创建清晰、直观的数据可视化解决方案。

 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();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值