摘要:
工作需要,需要绘制帕累托图,并用js实现在web页面上。所以flot插件又是被各种改造……多级帕累托图,改造后效果单级帕累托图,其实蛮好实现的。因为flot本来就支持柱状图与电线图在同一界面上出现。在绘制单级帕累托图时,我的作法是先绘制柱状图。以左边Y轴作为柱状图的Y轴。然后绘制点线图,点线图由于代表的是一个累积量。所以,以右边为y轴作为点线图的Y轴。先计算数据总和,定义右边坐标轴最大值。至于坐标轴上显示的百分数,我们可以将数轴等分,计算百分比并给出坐标轴Ticks。实际上,右边坐标轴的总长度不是一个百分数,而是数据的总和。点线图的累积量由此也可以直接用数据的累积量计算不需要考虑累积百分数。节 阅读全文