8、基于笛卡尔坐标系的图形创建与股票图表构建

基于笛卡尔坐标系的图形创建与股票图表构建

数字格式清理

在处理数值显示时，我们可能会遇到数值格式不美观的问题。为了解决这个问题，我们可以创建一个格式化函数，在每次输出动态创建的值时调用它。以下是格式化函数的代码：

function formatNumber(num,lead){
  for(var i=0;i<lead;i++) num*=10;
  num = parseInt(num);
  for(var i=0;i<lead;i++) num/=10;
  return num;
}

该函数有两个参数：要格式化的值 num 和小数点后保留的位数 lead 。函数的工作原理是先将值乘以 10，乘以的次数由 lead 变量决定，然后将结果转换为整数，最后再除以 10。

在 fillChart 函数中找到需要更新的文本，并使用新的格式化函数：

context.fillText(formatNumber(yData.min+stepSize*(steps-i),2), 0, currentY+4);

通过这种方式，数值的显示格式会更加美观。

构建烛台图（股票图表）

股票图表是展示特定时间范围内市场变化的一种方式，每个交易日的股票价格会多次变动，但最重要的因素是当日的最低价、最