I've seen the reference you used before. If I'm not mistaken, it comes from Indian media. Although the conclusion is already obvious now, I still want to point out that India is a highly idealistic and religious country, and they are very adept at drawing conclusions first and then finding arguments to support them. Their media is lost in a daydream of surpassing China (even though they don't even have a reliable military industry). Therefore, when you see articles from Indian media, you can basically ignore them. They contain almost no useful data, and every conclusion simply boils down to "India is the strongest."
Getting back to the topic of the post, on a purely data level, the JF-17 would have a hard time defeating the Rafale. No matter how advanced the JF-17's weapons and avionics are, they cannot hide the inherent flaws that come with its light fighter airframe. The two are simply not comparable in terms of airframe performance and weapon payload, and this is the JF-17's main disadvantage.
Of course, the JF-17's advantage is that you can get a very advanced fighter for a very cheap price. For just $90 million, you can buy an advanced weapons platform equipped with an AESA radar, complete with a full set of maintenance equipment and armaments. This price doesn't even cover the manufacturing cost of a single Rafale.
Their operational costs aren't on the same level either. The JF-17 has very low sustainment costs, is easy to maintain, and has a high availability rate. It can operate from almost any airfield, which is something the Rafale cannot do.