折线图线条过多优化方案

一、 优化原因：

1.      发布流量走势柱状图：当生产环境和灰度环境流量分布差距较大时，会出现某个环境下的柱形图普遍很低，无法明显的展示流量走势。

2.      节点变化折线图：在几十个节点的情况下折线图中线条比较乱，不方便观察各节点的变化趋势。

二、 优化方案：

1. 发布流量走势柱状图：柱形图使用两个纵坐标，灰度环境和生产环境流量数分别决定两个纵坐标的刻度值分布，按照各自的坐标展现柱形的高度。

2. 节点变化折线图：将折线图拆分，各节点的流量变化使用单独一个曲线展示。调整样式，使界面美观，当节点数<5时，每个曲线展示一行；当节点数>4时，每四个节点展示一行（每行展示的个数可以配置）

三、优化效果图：