@xiaomengqiang/charts/components/CircleProcessChart/handleOption.js

hcharts library for web visualization

import defendXSS from '../../util/defendXSS.js';

/**
 * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
 * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
 *
 * Use of this source code is governed by an MIT-style license.
 *
 * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
 * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
 * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
 *
 */
// 获取bar的series数据
function getSeriesData(data) {
  var seriesData = [];
  data.forEach(function (item, i) {
    seriesData[i] = [];
    seriesData[i][0] = item.value;
  });
  return seriesData;
}
function tooltipFormatter(params) {
  var seriesName = params.seriesName;
  var color = params.color;
  var value = params.value;
  var htmlString = "<div>\n                            <span style=\"display:inline-block;width:10px;height:10px;\n                            margin-right:8px;border-radius:5px;border-style: solid;border-width:1px;\n                            border-color:" + defendXSS(color) + ";background-color:" + defendXSS(color) + ";\"></span>\n                            <span style=\"margin-right:16px\">" + defendXSS(seriesName) + "</span>\n                            <span>" + defendXSS(value) + "%</span>\n                       </div>";
  return htmlString;
}

/**
 * 配置默认的鼠标悬浮提示框
 */
function setTooltip(baseOpt) {
  if (!baseOpt.tooltip.formatter) {
    baseOpt.tooltip.formatter = tooltipFormatter;
  }
}
export { getSeriesData, setTooltip };