【问题标题】:Sencha Touch chart - How to add label/value in line chartSencha Touch chart - 如何在折线图中添加标签/值
【发布时间】:2012-03-08 07:45:41
【问题描述】:

我正在为我的项目使用 Sencha Touch 图表 1.0.0。我想在我的折线图中的每个点上添加值(如图所示)。我在this question for column chart 中尝试了相同的方法,但没有成功。

【问题讨论】:

    标签: sencha-touch sencha-charts


    【解决方案1】:

    我和你有同样的问题。但我找到了一个解决方案。您可以在行的每个节点添加标记,当您单击标记时,弹出窗口将显示您想要的详细信息。这是我的代码可以帮助你:

    -在系列配置中添加标记:

    type: 'line',
                title: 'Clickeds : ' + total[4] + ' ( ' + Math.round(arrInfo[4]) + '% )',
                highlightCfg: { scale : 0.7 },
                xField: 'Date', yField: 'Clks',
                style : {
                    stroke: 'rgb(50, 185, 150)',
                    miterLimit : 3,
                    lineCap: 'miter',
                    lineWidth: 2
                }
                ,
                marker:{
                    type: 'image',
                    src: 'resources/images/square.png',
                    width: 24,
                    height: 24,
                    x: -12,
                    y: -12,
                    scale: 0.5,
                    fx: {
                        duration: 200
                    }
                }
    
    • 单击节点时处理事件,将侦听器添加到图表配置中:`listeners: { itemtap:功能(系列,项目,事件,eOpts){ //在这里处理你的代码。

                                 }`
      

    问候, (抱歉英语不好。)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-02-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-01-19
      相关资源
      最近更新 更多