Essential Chart supports rendering strip line behind the series by using zIndex property of strip line. This property takes values as behind and over. By default, strip line appears in front of the series so the part of the series overlapping with strip line is not visible. You can avoid this by setting the value of zIndex property as behind. JS $("#container").ejChart({ commonSeriesOptions: { type: 'line', marker: { visible: true } }, primaryYAxis: { stripLine: [{ start: 0, end: 15, visible: true, color: 'red', text: "Bad performance", font: { color: 'white', fontFamily: 'Arial', size: '16' }, zIndex: 'behind' }, . . . . . . . . . . . . . . . . ] } });
The above code example renders the chart as follows. Figure: Chart with three strip lines behind the series JS Playground sample link: Strip Lines |
This page will automatically be redirected to the sign-in page in 10 seconds.