Skip to content
  • 版块
  • 最新
  • 标签
  • 热门
  • 用户
  • 群组
皮肤
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • 默认(不使用皮肤)
  • 不使用皮肤
折叠
品牌标识

AIRIOT智慧系统搭建平台经验交流

  1. 主页
  2. 画面管理
  3. 求助,数据分析的数据尖不能选择常规表进行分析吗,只能是设备表吗

求助,数据分析的数据尖不能选择常规表进行分析吗,只能是设备表吗

已定时 已固定 已锁定 已移动 画面管理
帖子 发布者 浏览
  • 从旧到新
  • 从新到旧
  • 最多赞同
回复
  • 在新帖中回复
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • S 离线
    S 离线
    sun.liu
    写于 最后由 编辑
    #1

    0463cead-4c13-4171-b7d6-a3069f58a436-image.png

    1 条回复 最后回复
    0
  • 核 离线
    核 离线
    核桃酥
    写于 最后由 编辑
    #2

    数据分析这里是对数据点历史数据的分析,所以这个地方是只能选择设备表的

    1 条回复 最后回复
    0
  • S 离线
    S 离线
    sun.liu
    写于 最后由 编辑
    #3

    好的,老师 我还有一个问题,可视化图表绑定那块,从组件库拖 出来的普通图表可以绑定,找那种比较好看的图表就绑定不了

    1 条回复 最后回复
    0
  • 核 离线
    核 离线
    核桃酥
    写于 最后由 核桃酥 编辑
    #4

    有一些图表他的数据接口和数据源返回的不一样,如果想要这个需要自己在脚本中进行数据处理,比如,这个需要如图格式的数据结构 第一个数字和第三个数字是一样的
    image.png

    1 条回复 最后回复
    0
  • S 离线
    S 离线
    sun.liu
    写于 最后由 编辑
    #5

    var data = {
    "dimensions": [
    "故障类型",
    "个数"
    ],
    "source": [
    [
    "读卡类",
    2
    ],
    [
    "其它类",
    1
    ],
    [
    "网络类",
    2
    ],
    [
    "触发类",
    1
    ],
    [
    "显示类",
    1
    ],
    [
    "软件类",
    2
    ],
    [
    "设备类",
    5
    ]
    ]
    };

    // 提取标签和数据
    var yLabel = data.source.map(item => item[0]);
    var yData = data.source.map(item => item[1]);

    // 排序数据
    var sortedData = yData.map((value, index) => ({
    label: yLabel[index],
    value: value
    }));

    sortedData.sort((a, b) => b.value - a.value);

    // 提取排序后的标签和数据
    var sortedYLabel = sortedData.map(item => item.label);
    var sortedYData = sortedData.map(item => item.value);

    option = {
    grid: {
    left: '6%',
    right: '10%',
    bottom: '6%',
    top: '4%',
    containLabel: true,
    },
    xAxis: {
    show: true,
    type: 'value',
    position: 'top',
    name: '计数',
    nameLocation: 'end',
    nameTextStyle: {
    color: '#c8e7ff',
    fontSize: 12,
    height: 30,
    verticalAlign: 'bottom',
    lineHeight: 30,
    },
    axisTick: {
    show: true,
    length: 1,
    inside: true,
    lineStyle: {
    color: '#fff',
    width: 3,
    cap: 'round',
    },
    },
    axisLabel: {
    show: true,
    textStyle: {
    color: '#c8e7ff',
    fontSize: 14,
    fontFamily: 'siyuan',
    },
    },
    splitLine: {
    show: true,
    lineStyle: {
    color: '#053360',
    type: 'dashed',
    },
    },
    axisLine: {
    show: false,
    symbol: ['none', 'arrow'],
    symbolSize: [5, 10],
    lineStyle: {
    type: 'solid',
    color: '#033e59',
    width: 1,
    },
    },
    },
    yAxis: [
    {
    type: 'category',
    inverse: true,
    axisLabel: {
    show: true,
    textStyle: {
    color: '#c8e7ff',
    fontSize: 14,
    fontFamily: 'siyuan',
    },
    },
    splitLine: {
    show: false,
    },
    axisTick: {
    show: false,
    },
    axisLine: {
    show: true,
    lineStyle: {
    color: '#033e59',
    width: 1,
    },
    },
    data: sortedYLabel,
    },
    ],
    series: [
    {
    name: '计数',
    type: 'bar',
    zlevel: 1,
    itemStyle: {
    normal: {
    color: function(params) {
    // 计算覆盖比例
    var coverage = params.value / 5;
    return new echarts.graphic.LinearGradient(0, 0, 1, 0, [
    { offset: 0, color: '#f5a32e' }, // 蓝色底色
    { offset: coverage, color: '#f5a32e' }, // 蓝色底色
    { offset: coverage, color: '#87CEFA' }, // 黄色覆盖
    { offset: 1, color: '#87CEFA' } // 黄色覆盖
    ]);
    },
    shadowBlur: 0,
    shadowColor: 'rgba(87,220,222,0.7)',
    },
    },
    barWidth: 10,
    data: sortedYData,
    },
    ],
    tooltip: {
    trigger: 'item',
    borderColor: 'rgba(255,255,255,.3)',
    backgroundColor: 'rgba(13,5,30,.6)',
    textStyle: {
    color: 'white', //设置文字颜色
    },
    borderWidth: 1,
    padding: 5,
    formatter: function (params) {
    return ${params.name}: ${params.value};
    }
    }
    };

    1 条回复 最后回复
    0
  • S 离线
    S 离线
    sun.liu
    写于 最后由 编辑
    #6

    比如我这个脚本是这样的,选择数据源,数据就获取不到 ,把上面的去掉的话,但是用普通组件就可以

    1 条回复 最后回复
    0
  • Zhang书书Z 离线
    Zhang书书Z 离线
    Zhang书书
    写于 最后由 编辑
    #7

    image.png
    是想展示这个吗?

    1 条回复 最后回复
    0

  • 登录

  • 没有帐号? 注册

  • 登录或注册以进行搜索。
  • 第一个帖子
    最后一个帖子
0
  • 版块
  • 最新
  • 标签
  • 热门
  • 用户
  • 群组