成都网站建设设计

将想法与焦点和您一起共享

怎么在jQuery中使用HighCharts实现一个2D回归直线散点效果

怎么在jQuery中使用HighCharts实现一个2D回归直线散点效果?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

创新互联建站专业为企业提供贵定网站建设、贵定做网站、贵定网站设计、贵定网站制作等企业网站建设、网页设计与制作、贵定企业网站模板建站服务,10年贵定做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

1、实例代码:





HighCharts之2D回归直线的散点



   $(function(){
     $('#scatterLine').highcharts({
       chart: {
       },
       xAxis: { //设置X轴最小值和最大值
         min: -0.5,
         max: 5.5
       },
       yAxis: { //设置Y轴最小值和最大值
         min: 0,
         max: 5
       },
       title: {
         text: '(jb51.net)回归直线的散点'
       },
       series: [{
         type: 'line',
         name: '回归直线',
         data: [[0, 1.11], [5, 4.51]],
         marker: {
           enabled: true
         },
         states: {
           hover: {
             lineWidth: 4  //设置折线的宽度
           }
         },
         enableMouseTracking: true
       }, {
         type: 'scatter',
         name: '散点',
         data: [2.2, 1.5, 3.8, 1.5, 3.9, 4.2,5.6],
         marker: {
           radius: 10 //散点的半径
         }
       }]
     });
   });



  

2、运行效果图:

怎么在jQuery中使用HighCharts实现一个2D回归直线散点效果

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


本文名称:怎么在jQuery中使用HighCharts实现一个2D回归直线散点效果
网址分享:http://chengdu.cdxwcx.cn/article/gchidi.html

其他资讯