无法绘制图表

Question

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

<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 元素而不进行一些乏味的黑客攻击。

无法绘制图表

Can't draw a chart

octobercms