tooltipTemplate()

in src/JobCorrelationHeatmap.js [89:118]


  tooltipTemplate(model, defaultTooltipTemplate, theme) {
    const { background } = theme;
    let [a, b] = model.data[0].label.split(", ");
    return `
        <div
        style="
    background: ${background};
    padding: 0 5px;
    text-align: center;
    color: white;">
        <div
        class="toastui-chart-tooltip-category"
        style="font-weight: bold; font-family: Arial, sans-serif; font-size: 13px; color: #ffffff;">
            ${a}
            <br />
            ${b}
        </div>
        <div
        class="toastui-chart-tooltip-series-wrapper"
        style="font-weight: normal; font-family: Arial, sans-serif; font-size: 12px; color: #ffffff;">
            <div class="toastui-chart-tooltip-series">
                <span class="toastui-chart-series-name">
                <i class="toastui-chart-icon" style="background: ${model.data[0].color}"></i>
                <span class="toastui-chart-name">${model.data[0].value}</span>
                </span>
            </div>
        </div>
    </div>
    `;
  }