feat(tooltip): support css

[pearmini]

Tooltip CSS

close: #5545

案例

import { Chart } from "@antv/g2";

const chart = new Chart({ container: "container" });

chart.options({
  type: "interval",
  data: {
    type: "fetch",
    value:
      "https://gw.alipayobjects.com/os/bmw-prod/f129b517-158d-41a9-83a3-3294d639b39e.csv",
    format: "csv",
  },
  encode: { x: "state", y: "population", color: "age" },
  transform: [
    { type: "sortX", by: "y", reverse: true, slice: 6 },
    { type: "dodgeX" },
  ],
  scale: { y: { nice: true } },
  axis: { y: { labelFormatter: "~s" } },
  interaction: {
    tooltip: {
      shared: true,
      css: {
        ".g2-tooltip": {
          background: "#eee",
          "border-radius": " 0.25em !important",
        },
        ".g2-tooltip-title": {
          "font-size": "20px",
          "font-weight": "bold",
          "padding-bottom": "0.25em",
        },
        ".g2-tooltip-list-item": {
          background: "#ccc",
          padding: "0.25em",
          margin: "0.25em",
          "border-radius": "0.25em",
        },
        ".g2-tooltip-list-item-name-label": {
          "font-weight": "bold",
          "font-size": "16px",
        },
        "g2-tooltip-list-item-marker": {
          "border-radius": "0.25em",
          width: "15px",
          height: "15px",
        },
        ".g2-tooltip-list-item-value": {
          "font-weight": "bold",
          "font-size": "16px",
        },
      },
    },
  },
});

chart.render();

TODO

• code
• test
• docs

[coveralls]

Pull Request Test Coverage Report for Build 6230569071

• 1 of 1 (100.0%) changed or added relevant line in 1 file are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage decreased (-0.004%) to 88.478%

---

Totals
Change from base Build 6218798208:	-0.004%
Covered Lines:	9967
Relevant Lines:	10901

---

💛 - Coveralls