Highcharts 中文社区

查看: 547|回复: 0

[提问贴] uniapp使用highcharts在H5正常显示不报错,app报错Highcharts.chart ...

[复制链接]

该用户从未签到

1

主题

1

帖子

12

积分

HC 新手

Rank: 1

积分
12
发表于 2020-5-9 15:49:08 | 显示全部楼层 |阅读模式
<template>
<view>
  <view  id="echart1" style="width: 98%;height:800rpx;margin:0 auto;margin-top: 32rpx;"></view>
</view>
</template>

<script>
// import $ from '../../common/js/jquery-3.4.1.min.js'
import * as Highcharts from "highcharts";
import * as Exporting from "highcharts/modules/exporting";
export default{
  name:"historyEchart",
  data(){
   return{
   
   }
  },
  onLoad() {
   
  },
  mounted() {
   console.log(Highcharts)
   this.getHighcharts();
  },
  methods:{
  getHighcharts(){
   var chart = Highcharts.chart('echart1', {
    credits: {
      enabled: false //去掉版权信息
    },
    chart: {
     type: 'spline'
    },
    title: {
     text: '湿度变化曲线图',
     x:-100
    },
    // subtitle: {  
    //             text: '(℃)',
    //             x: -155
    //         },
    xAxis: {
     type: "datetime",
     title: false,
     labels: {
       enabled: false
     }
     // categories: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月']
    },
    // color:["#33cfff","#2bd6ad"],
    yAxis: {
     title: {
      text: false
     },
     labels: {
      formatter: function () {
       return this.value + '°';
      }
     }
    },
    tooltip: {
     crosshairs: true,
     shared: true
    },
    plotOptions: {
     spline: {
      marker: {
        enabled: false
      }
     }
    },
    series: [
     {
     name: '设备#1',
     data: [7.0, 16.9, 29.5, 14.5, 18.2, 18.3, 13.9, 29.6]
    },
    {
     name: '设备#2',
     data: [9.0, 2.9, 7.5, 4.5, 8.2, 30.3, 19.9, 5.6]
    }
    ]
   });
   }
  }
}
</script>
<style scoped>
</style>


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

快速回复 返回顶部 返回列表