分时图首次渲染后显示模糊

[kf53916]

您好： 为什么图表首次渲染完成后显示很模糊，是大小比例的问题吗？如何调整？

[Micjoyce]

@kf53916 这个可以通过配置的scale参数来修正

const syscfg = {
      scale: window.devicePixelRatio,  // 传入放大倍数
      axisPlatform: 'phone', // 'phone' | 'web'
      mainCanvas: {
        canvas: mainCanvas,
        context: mainCtx
      },
      cursorCanvas: {
        canvas: cursorCanvas,
        context: cursorCtx
      }
    }

加入在屏幕上设置的 canvas 的尺寸是 300 * 300 而你的屏幕是2dpr(两倍屏),此时你需要其实是要绘制一张 600 * 600 的图，然后在缩放1倍，这样子你看起来才是清晰的。

clchart 只需要通过设定 scale 这个参数，内部会帮你处理好的

[kf53916]

非常感谢您的回复，我发现分时图里面的x轴的开始时间是9:30，但是指标器可以指示到8:00，还有怎么自定义x轴时间的显示，比如在增加几个时间点，10:30,14:00等等。

[Micjoyce]

@kf53916 这个暂时没有支持，我找个时间支持一下。

可以通过配置

https://github.com/seerline/clchart/blob/73339788a17783a0dac68de1919bf78c640091b8/src/cl.chart.def.js#L320

然后在绘制x轴位置添加实现

https://github.com/seerline/clchart/blob/73339788a17783a0dac68de1919bf78c640091b8/src/chart/cl.draw.axisX.js#L86