Update examples

Author: Niilo Keinänen

src/index.js

@@ -19,18 +19,19 @@ const chart = lightningChart({
         legend: { visible: false },
         theme: (() => {
     const t = Themes[new URLSearchParams(window.location.search).get('theme') || 'darkGold'] || undefined
-    const smallView = Math.min(window.innerWidth, window.innerHeight) < 500
+    const smallView = window.devicePixelRatio >= 2
     if (!window.__lcjsDebugOverlay) {
         window.__lcjsDebugOverlay = document.createElement('div')
         window.__lcjsDebugOverlay.style.cssText = 'position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);color:#fff;padding:4px 8px;z-index:99999;font:12px monospace;pointer-events:none'
         if (document.body) document.body.appendChild(window.__lcjsDebugOverlay)
         setInterval(() => {
             if (!window.__lcjsDebugOverlay.parentNode && document.body) document.body.appendChild(window.__lcjsDebugOverlay)
-            window.__lcjsDebugOverlay.textContent = window.innerWidth + 'x' + window.innerHeight + ' dpr=' + window.devicePixelRatio + ' small=' + (Math.min(window.innerWidth, window.innerHeight) < 500)
+            window.__lcjsDebugOverlay.textContent = window.innerWidth + 'x' + window.innerHeight + ' dpr=' + window.devicePixelRatio + ' small=' + (window.devicePixelRatio >= 2)
         }, 500)
     }
     return t && smallView ? lcjs.scaleTheme(t, 0.5) : t
-})(),
+})(),
+textRenderer: window.devicePixelRatio >= 2 ? lcjs.htmlTextRenderer : undefined,
     })
     .setTitle('TimeTickStrategy example')