【求助】问一个弱弱的问题,ChartView绘制直方图效率低下



  • 在QML的ChartView中,绘制直方图,我是用的方法是内置一个BarSeries,如下:

            ChartView{
                id:p_qty
                anchors.top: p_k.bottom
                anchors.left: parent.left
                anchors.right: parent.right
                height: parent.height / 4
                animationOptions: ChartView.SeriesAnimations
                animationEasingCurve: Easing.Linear
                animationDuration: 200
                backgroundColor: "#000000"
                plotAreaColor: "#000000"
                legend.visible :false
                antialiasing: true
    
               StackedBarSeries{
                    id:p_VOL_up
                    axisY: p_Y_qty
                    axisX:p_X_qty_categoryAxis
                    barWidth: 0.6
                }
    
           }
    

    然后由js在接收到数据后,使用 p_VOL_up.append("",t_down)方法生成BarSet,来绘制直方图。

    问题:绘制效率特别低,其他的series都在0.05s内绘制完毕,唯独p_VOL_up.append("",t_down) 这一句用了0.6s,要画3个直方图需要近1.5s左右的时间。求,怎么才能提高绘制效率

    【注:t_down中是数组,由服务器不停地动态给出一组整型数据,数组大小约为700】



  • @欢快的基佬 是C++操作的吗?感觉能用JS单独做就用JS单独做吧。



  • @jiangcaiyang 由c++给js发的数组,然后js + qml 绘制直方图。
    但是绘制直方图效率特别低,正在考虑缓冲或者自绘。(当然更有可能的是,用的方法不对。。)



  • @欢快的基佬 我觉得可能C++传给JS数组这一点出了问题。看看Qt Charts有没有可以提供自定义的Model的。能继承QAbstractItemModel来提供Model的就尽量这么做。


 

最近的回复

  • @bladesero Blender 在角色建模和渲染这些方面的确比较强。😄

    我们的软件还在发展中呢。
    18da2116-2055-47c1-8317-1ccde17dfcc0-image.png

    阅读更多
  • untitled.jpg figure角色(WIP2).jpg
    TIM截图20190117184210.png
    使用的软件是blender,zbrush和substance painter

    阅读更多
  • 背景:如果需要qml显示循环list,一般是用3个ListView循环交替,实现伪循环,期间逻辑复杂,容易出错,PathView本身自带循环,所以考虑用PathView实现循环

    设计:PathView显示5条数据,按照垂直List一个个排好顺序,由于收尾移动时候会空白穿帮,所以用clip控制显示中间三条数据

    滚动控制:currentIndex,decrementCurrentIndex(),incrementCurrentIndex()

    代码:

    Item{ id: item1 property int myIndex: 0 property int onePageCount: 3 property real oneHeight: 72 property real oneWidth: 580 property int isCurrentListView: 1 //0,1,2 property bool isAdd: true //direction,down=true,up=false property int hightlightIndex: 0 property int currentIndexPathView: 0 //use this Item{ id: itemClip width: item1.oneWidth height: item1.oneHeight*3 clip: true PathView { id: listView1 width: item1.oneWidth model: listModelSpeedWarning delegate: delegeteLine pathItemCount: item1.onePageCount+2 interactive: false path: Path { startX: item1.oneWidth/2 startY: -item1.oneHeight/2 PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*0+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*0+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*1+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*1+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*2+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*2+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*3+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*3+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*4+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*4+item1.oneHeight/2 } } Component.onCompleted: { listView1.currentIndex = -1 } } } }

    问题:windows下测试,按住按键不松手,list滚动会卡住,松手后恢复正常,看来list不能滚动太快

    阅读更多
  • H

    @青山白云 只是为了替换GIF,不过目前已经解决加载问题

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔