Html 如何使用extjs在饼图中显示符号轮廓_Html_Extjs_Pie Chart

Html 如何使用extjs在饼图中显示符号轮廓

html extjs

Html 如何使用extjs在饼图中显示符号轮廓,html,extjs,pie-chart,Html,Extjs,Pie Chart,当我运行index.html时，我只得到一个饼图，但没有颜色描述。有谁能告诉我如何把颜色符号的轮廓，如下图所示我的代码如下所示 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>Ext.chart.series.Pie Example</title> <link rel="st

当我运行index.html时，我只得到一个饼图，但没有颜色描述。有谁能告诉我如何把颜色符号的轮廓，如下图所示

我的代码如下所示

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Ext.chart.series.Pie Example</title>
    <link rel="stylesheet" href="http://cdn.sencha.io/try/extjs/4.1.0/resources/css/ext-all-gray.css"/>
    <script src="http://cdn.sencha.io/try/extjs/4.1.0/ext-all-debug.js"></script>
    <script src="app.js"></script>
</head>
<body>
        <div id="myExample"></div>
</body>
</html>

您忘记添加图例配置

...
height: 350,
legend: {
    position: 'right'
},
...

UPD：

预期数据：{data:json array here，success:true/false，total:123}

感谢它工作正常…..先生，您能告诉我如何从ajax中获取包含json的var存储吗

...
height: 350,
legend: {
    position: 'right'
},
...

Ext.define('myStore', {
    extend: 'Ext.data.Store',
    model: 'myModel',
    proxy: {
        type: 'ajax',
        api: {
            read: '/urlhere'
        },
        reader: {
            type: 'json',
            root: 'data',
            successProperty: 'success',
            totalProperty: 'total'
        }
    }
});