import { NoData } from "../../nodata";

export default () => (
  <>
    <div id="test-area" className="k-d-grid k-grid-cols-1">
      <span>Chart Title Top</span>
      <div className=" k-chart" style={{ position: "relative" }}>
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style={{width: "100%", height: "100%", overflow: "hidden" }}>
          <defs>
            <clipPath clip-rule="evenodd" id="kdef1000">
              <path d="M34.5 62.5 L 921.5 62.5 921.5 375.5 34.5 375.5Z" stroke="#000" strokeLinejoin="miter" fill="none"></path>
            </clipPath>
          </defs>
          <g>
            <path d="M0 0 L 943 0 943 400 0 400Z" stroke="none" fill="rgb(255, 255, 255)"></path>
            <path d="M34 62 L 920.5 62 920.5 375 34 375Z" stroke="none" fill="#fff" fillOpacity="0"></path>
            <g>
              <g></g>
              <g>
                <path d="M161.5 62.5 L 161.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M287.5 62.5 L 287.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M414.5 62.5 L 414.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M541.5 62.5 L 541.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M667.5 62.5 L 667.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M794.5 62.5 L 794.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M921.5 62.5 L 921.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M59.5 62.5 L 59.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M85.5 62.5 L 85.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M110.5 62.5 L 110.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M135.5 62.5 L 135.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M186.5 62.5 L 186.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M211.5 62.5 L 211.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M237.5 62.5 L 237.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M262.5 62.5 L 262.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M313.5 62.5 L 313.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M338.5 62.5 L 338.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M363.5 62.5 L 363.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M389.5 62.5 L 389.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M439.5 62.5 L 439.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M465.5 62.5 L 465.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M490.5 62.5 L 490.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M515.5 62.5 L 515.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M566.5 62.5 L 566.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M591.5 62.5 L 591.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M617.5 62.5 L 617.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M642.5 62.5 L 642.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M693.5 62.5 L 693.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M718.5 62.5 L 718.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M743.5 62.5 L 743.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M769.5 62.5 L 769.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M819.5 62.5 L 819.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M845.5 62.5 L 845.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M870.5 62.5 L 870.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M895.5 62.5 L 895.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
              </g>
              <g>
                <g>
                  <g>
                    <path d="M34.5 62.5 L 34.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 62.5 L 34.5 62.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 114.5 L 34.5 114.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 166.5 L 34.5 166.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 219.5 L 34.5 219.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 271.5 L 34.5 271.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 323.5 L 34.5 323.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 375.5 L 34.5 375.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                  </g>
                </g>
              </g>
              <g clip-path="url(https://runner.telerik.io/result#kdef1000)">
                <g></g>
              </g>
              <g>
                <text x="8" y="91.5835" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Jan
                </text>
              </g>
              <g>
                <text x="7" y="143.75" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Feb
                </text>
              </g>
              <g>
                <text x="7" y="195.91649999999998" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Mar
                </text>
              </g>
              <g>
                <text x="9" y="248.08350000000002" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Apr
                </text>
              </g>
              <g>
                <text x="5" y="300.25" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  May
                </text>
              </g>
              <g>
                <text x="8" y="352.41650000000004" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Jun
                </text>
              </g>
              <g></g>
              <g>
                <text x="31" y="393" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  0
                </text>
              </g>
              <g>
                <text x="146.143" y="393" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  20000
                </text>
              </g>
              <g>
                <text x="272.786" y="393" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  40000
                </text>
              </g>
              <g>
                <text x="399.429" y="393" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  60000
                </text>
              </g>
              <g>
                <text x="526.071" y="393" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  80000
                </text>
              </g>
              <g>
                <text x="649.714" y="393" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  100000
                </text>
              </g>
              <g>
                <text x="776.357" y="393" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  120000
                </text>
              </g>
              <g>
                <text x="903" y="393" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  140000
                </text>
              </g>
            </g>
            <g>
              <g>
                <text x="417" y="28" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 14.0017px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Site Visitors Stats
                </text>
              </g>
            </g>
            <g>
              <g>
                <text x="444.5" y="50" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  /thousands/
                </text>
              </g>
            </g>
            <g></g>
          </g>
        </svg>
        <div className="k-chart-overlay k-chart-overlay-top" style={{ "--kendo-chart-computed-title-height": "60px" } as React.CSSProperties}>
          <NoData>No data available</NoData>
        </div>
      </div>

      <span>Chart Title Bottom</span>
      <div className=" k-chart" style={{ position: "relative" }}>
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style={{ width: "100%", height: "100%", overflow: "hidden" }}>
          <defs>
            <clipPath clip-rule="evenodd" id="kdef1000">
              <path d="M34.5 5.5 L 921.5 5.5 921.5 318.5 34.5 318.5Z" stroke="#000" strokeLinejoin="miter" fill="none"></path>
            </clipPath>
          </defs>
          <g>
            <path d="M0 0 L 943 0 943 400 0 400Z" stroke="none" fill="rgb(255, 255, 255)"></path>
            <path d="M34 5 L 920.5 5 920.5 318 34 318Z" stroke="none" fill="#fff" fillOpacity="0"></path>
            <g>
              <g></g>
              <g>
                <path d="M161.5 5.5 L 161.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M287.5 5.5 L 287.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M414.5 5.5 L 414.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M541.5 5.5 L 541.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M667.5 5.5 L 667.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M794.5 5.5 L 794.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M921.5 5.5 L 921.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                <path d="M59.5 5.5 L 59.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M85.5 5.5 L 85.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M110.5 5.5 L 110.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M135.5 5.5 L 135.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M186.5 5.5 L 186.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M211.5 5.5 L 211.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M237.5 5.5 L 237.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M262.5 5.5 L 262.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M313.5 5.5 L 313.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M338.5 5.5 L 338.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M363.5 5.5 L 363.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M389.5 5.5 L 389.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M439.5 5.5 L 439.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M465.5 5.5 L 465.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M490.5 5.5 L 490.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M515.5 5.5 L 515.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M566.5 5.5 L 566.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M591.5 5.5 L 591.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M617.5 5.5 L 617.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M642.5 5.5 L 642.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M693.5 5.5 L 693.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M718.5 5.5 L 718.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M743.5 5.5 L 743.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M769.5 5.5 L 769.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M819.5 5.5 L 819.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M845.5 5.5 L 845.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M870.5 5.5 L 870.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
                <path d="M895.5 5.5 L 895.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.04)" strokeWidth="1" fill="none"></path>
              </g>
              <g>
                <g>
                  <g>
                    <path d="M34.5 5.5 L 34.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 5.5 L 34.5 5.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 57.5 L 34.5 57.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 109.5 L 34.5 109.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 162.5 L 34.5 162.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 214.5 L 34.5 214.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 266.5 L 34.5 266.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                    <path d="M30.5 318.5 L 34.5 318.5" stroke="color(srgb 0.239216 0.239216 0.239216 / 0.08)" strokeWidth="1" fill="none"></path>
                  </g>
                </g>
              </g>
              <g clip-path="url(https://runner.telerik.io/result#kdef1000)">
                <g></g>
              </g>
              <g>
                <text x="8" y="34.5835" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Jan
                </text>
              </g>
              <g>
                <text x="7" y="86.75" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Feb
                </text>
              </g>
              <g>
                <text x="7" y="138.91649999999998" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Mar
                </text>
              </g>
              <g>
                <text x="9" y="191.08350000000002" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Apr
                </text>
              </g>
              <g>
                <text x="5" y="243.25" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  May
                </text>
              </g>
              <g>
                <text x="8" y="295.41650000000004" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Jun
                </text>
              </g>
              <g></g>
              <g>
                <text x="31" y="336" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  0
                </text>
              </g>
              <g>
                <text x="146.143" y="336" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  20000
                </text>
              </g>
              <g>
                <text x="272.786" y="336" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  40000
                </text>
              </g>
              <g>
                <text x="399.429" y="336" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  60000
                </text>
              </g>
              <g>
                <text x="526.071" y="336" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  80000
                </text>
              </g>
              <g>
                <text x="649.714" y="336" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  100000
                </text>
              </g>
              <g>
                <text x="776.357" y="336" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  120000
                </text>
              </g>
              <g>
                <text x="903" y="336" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  140000
                </text>
              </g>
            </g>
            <g>
              <g>
                <text x="444.5" y="383" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 10.4983px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  /thousands/
                </text>
              </g>
            </g>
            <g>
              <g>
                <text x="417" y="361" stroke="none" fill="rgb(61, 61, 61)" fillOpacity="1" style={{ font: "400 14.0017px Arial, Helvetica, sans-serif", whiteSpace: "pre" }}>
                  Site Visitors Stats
                </text>
              </g>
            </g>
            <g></g>
          </g>
        </svg>
        <div className="k-chart-overlay" style={{ "--kendo-chart-computed-title-height": "58px" } as React.CSSProperties}>
          <NoData>No data available</NoData>
        </div>
      </div>
    </div>
  </>
);
