ECharts 最佳实践

出于性能和安全方面的考虑，请为您的小组件遵循以下最佳实践。
  • 遵循 Apache ECharts 网站建议的脚本标准。
  • 使用
    外观编辑器
    配置小组件样式和格式，并使用
    连接编辑器
    更新数据。
  • 避免在 JavaScript 中出现任何无限循环。使用此类 JavaScript 时，画面可能会停止响应。
  • 通过 ECharts 管理用户对画面的可访问性，以便只有具有适当权限的用户才能在设计时编辑画面，在运行时运行画面。
  • 避免使用 setOption 或 getOption 函数更新数据，否则可能会导致内存泄露等问题。请改用配置条目和数据。
    例如，请勿使用以下脚本。
    option = {
  series: [{
    markPoint: {
      symbol: 'none'
    },
    data: [{
       value: oee
    }
    ]
 }, {
    itemStyle: {
       color: oeecol
    },
    data: [{
       value: wrnL
    }
    ]
 }, {
    detail: {
       backgroundColor: availcol
    },
    data: [{
       value: avail
    }
    ]
 }, , {
    detail: {
       backgroundColor: perfcol
    },
    data: [{
       value: perf
    }
    ]
 }, , {
    detail: {
       backgroundColor: qualcol
    },
    data: [{
       value: qual
    }
    ]
 }
 ]
};
Instead, use the following script.
option.series[0].data[0].value = oee;
option.series[1].itemStyle.color = oeecol;
option.series[1].data[0].value = wrnL;
option.series[2].detail.backgroundColor = availcol;
option.series[2].data[0].value = avail;
option.series[3].detail.backgroundColor = perfcol;
option.series[3].data[0].value = perf;
option.series[4].detail.backgroundColor = qualcol;
option.series[4].data[0].value = qual;
提供反馈
对本文档有问题或反馈吗？ 请在这里提交您的反馈 。
Normal