无法绘制图表

【问题标题】：Can't draw a chart无法绘制图表
【发布时间】：2016-10-25 13:12:01
【问题描述】：

根据文档，我可以使用以下代码绘制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

我应该怎么做才能让它工作？

【问题讨论】：

标签： octobercms

【解决方案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 元素，而不需要一些乏味的黑客攻击。

【讨论】：