Question

根据文档，我可以使用以下代码绘制this：

<div
    class="control-chart centered wrap-legend"
    data-control="chart-pie"
    data-size="200"
    data-center-text="100">
    <ul>
        <li>Label 1 <span>100</span></li>
        <li>Label 2 <span>100</span></li>
        <li>Label 3 <span>100</span></li>
    </ul>
</div>

但是输出是这样的：

Label 1 100
Label 2 100
Label 3 100

我该怎么做才能让它发挥作用？

Answer 1

我想你正试图在前端做这件事。但是，UI documentation指的是后端，以及如何在那里构建后端页面和控制器。您需要提取后端样式表的一部分以实现该功能或了解其工作原理。此处设置的数据属性（data-control="chart-pie" data-size="200" data-center-text="100"）也由后端JavaScript框架处理。我想从那里的代码中找到并提取该功能并在前端页面中使用它会非常困难并且不容易。

以下是一些基本示例以及使用CSS绘制形状，如果您想尝试自己构建类似的内容：https://css-tricks.com/examples/ShapesOfCSS/#cone

但是我猜你不能在前端页面上使用10月后端的所有UI元素而不需要一些繁琐的黑客攻击。

无法绘制图表

1 个答案: