diff --git a/ruoyi-admin/src/main/resources/static/js/Iot-ui/iotIndex.js b/ruoyi-admin/src/main/resources/static/js/Iot-ui/iotIndex.js index 8e87bdc..02c44ed 100644 --- a/ruoyi-admin/src/main/resources/static/js/Iot-ui/iotIndex.js +++ b/ruoyi-admin/src/main/resources/static/js/Iot-ui/iotIndex.js @@ -278,146 +278,9 @@ function barChats(datas, id) { } ] }; - - /*let charts = echarts.init(id); - let Xdata = ['63.27','27.90','33.52','17.98','42.25','24.54','33.96','11.73','72.58','45.36',]; - let Ydata = ['西安市','铜川市','咸阳市','汉中市','商洛市','安康市','渭南市','宝鸡市','延安市','榆林市',]; - - let option ={ - title: { - text:'测试数据', - textStyle: { - fontSize: 12, - color: '#E4765D', //标题颜色 - }, - subtext:'', - subtextStyle: { - fontSize: 12, - color: '#E4765D', //副标题标题颜色 - }, - }, - color: ["#3398DB"], - tooltip: { - trigger: "axis", - axisPointer: { - // 坐标轴指示器,坐标轴触发有效 - type: "shadow", // 默认为直线,可选为:'line' | 'shadow' - }, - }, - grid: { - left: "3%", - right: "4%", - bottom: "3%", - containLabel: true, - }, - xAxis: { - //坐标轴类型(类目轴) - name: "", - type: "value", - axisLabel: { - show: false, - }, - - //是否显示坐标轴刻度 - axisTick: { show: false }, - //坐标轴线线的颜色 - axisLine: { - show: false, - }, - - //是否显示网格线 - splitLine: { - show: false, - } - }, - - dataZoom: [ - //滑动条 - { - yAxisIndex: 0, //这里是从X轴的0刻度开始 - show: false, //是否显示滑动条,不影响使用 - type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件 - startValue: 0, // 从头开始。 - endValue: 4, // 一次性展示5个。 - }, - ], - yAxis: [ - { - type: "category", - inverse: true, //是否是反向坐标轴 - data:Ydata, - axisLabel: { - show: true, - textStyle: { - color: '#ffffff', - }, - formatter: function (value, index) { - var value; - // if判断转换值 - return value; - }, - }, - offset: 10, - nameTextStyle: { - fontSize: 15, - }, - splitLine: { show: false }, - axisTick: { show: false }, - //坐标轴线线的颜色 - axisLine: { - show: true, - lineStyle: { - color: '#0E3B57', - type: 'solid', - width: 1, - }, - }, - }, - - ], - series: [ - { - name: "用煤量", - type: "bar", - barMaxWidth: 10, - // barWidth: "60%", - data: Xdata, - barWidth:8, - barGap: 10, - smooth: true, - label: { - normal: { - show: false, - position: 'right', - offset: [5, -2], - textStyle: { - color: '#F68300', - fontSize: 13, - }, - }, - }, - itemStyle: { - emphasis: { - barBorderRadius: 7, - }, - //颜色渐变 - normal: { - barBorderRadius: 7, - color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [ - {offset: 0, color: '#040C3B'}, - {offset: 0.5, color: '#6D3F46'}, - {offset: 1, color: '#E4765D'} - ]), - }, - }, - - }, - ], - };*/ - //自动滚动 - this.timeOut=setInterval(()=>{ - if (options.dataZoom[0].endValue == datas.data.length ) { + this.timeOut = setInterval(() => { + if (options.dataZoom[0].endValue == datas.data.length) { options.dataZoom[0].endValue = 4; options.dataZoom[0].startValue = 0; } else { @@ -425,7 +288,7 @@ function barChats(datas, id) { options.dataZoom[0].startValue = options.dataZoom[0].startValue + 1; } charts.setOption(options); - },2000); + }, 2000); $(window).resize(charts.resize); }