包含extjs4charts图表的词条

发布时间：2023-12-08

包含extjs4charts图表的词条

更新：2022-11-25 22:05

本文目录一览：

  1. extjs4.2 charts做柱状图怎么设置柱子宽度
  2. Extjs 4.2 chart中如何自定义legend 图列
  3. extjs4 chart怎么动态增加维度
  4. 怎么在Extjs里面整合Echarts显示出图形 求代码
  5. extjs4 charts做柱状图怎么设置柱子宽度

extjs4.2 charts做柱状图怎么设置柱子宽度

查阅了一下api，好像没有能设置柱状图单个柱宽的配置或方法。 柱宽由x轴的数据数量自行计算得出的。

Extjs 4.2 chart中如何自定义legend 图列

重写下面这个方法:

Ext.chart.LegendItem.prototype.getLabelText = function() {
    var me = this, series = me.series, idx = me.yFieldIndex;
    function getSeriesProp(name) {
        var val = series[name];
        return (Ext.isArray(val) ? val[idx] : val);
    }
    return getSeriesProp('dispalyField') || getSeriesProp('yField');
};

然后在series配置中添加如下：

yField : ['dataSum', 'dataSuccSum', 'dataFailSum'],
dispalyField : ['总数', '成功', '失败']

yField 是原生属性，dispalyField 是扩展属性。里面配置你想要显示的数据。注意要和 yField 对应。

extjs4 chart怎么动态增加维度

chart要展示的曲线将来可能是曲线的条数、名字、数据什么的都会改变。最主要的是要在同一个chart处能够通过下来选项框选择任意展示数据曲线（也许一开始可能觉得，那我定义多个chart，每个chart对应一个下拉选项不就好了）。 但是，问题在于，现在下拉选项也是未来可能会动态增加的。Chart动态刷新fields，实际上就是chart中绘制的多条线可能是不固定的，动态改变的，或者至少说是chart的每条线的对应的fields域名是动态改变的。

怎么在Extjs里面整合Echarts显示出图形 求代码

  1. index.html 文件中引入 Echarts：
<script type="text/javascript" src="js/echarts-min.js"></script>

js/echarts-min.js 替换成自己的 echarts 文件路径。 2. 新建一个 Panel（其他控件都 OK），名字叫做 EchartsPanel，名字可以根据自己项目需要取。

extjs4 charts做柱状图怎么设置柱子宽度

加样式。 例子：

series: [{
    type: 'column',
    axis: 'left',
    highlight: true,
    style: { width: 10 }, // 这里是宽度
    tips: {
        trackMouse: true,
        width: 140,
        height: 28,
        renderer: function(storeItem, item) {
            this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data') + ' $');
        }
    },
    label: {
        display: 'insideEnd',
        'text-anchor': 'middle',
        field: 'data',
        renderer: Ext.util.Format.numberRenderer('0'),
        orientation: 'vertical',
        color: '#333'
    },
    xField: 'name',
    yField: 'data'
}]
推荐文章