SpreadJS supports line, stacked line, 100% stacked line, line with markers, stacked line with markers, and 100% stacked line with markers charts. Use the
GC.Spread.Sheets.Charts.ChartType.line property to get the chart type.
You can add a line chart to Spread and change its style using the chart API:
var chart = sheet.charts.add( 'line', GC.Spread.Sheets.Charts.ChartType.line, 0, 100, 400, 300, 'A1:D4')
var legend = chart.legend();
legend.visible = true;
The line chart can be stacked normally or to add up to 100 percent, with or without markers.
You can customize the color, shape, border of marker at the series with markers..
var seriesItem = chart.series().get(index ?);
bobSeries.symbol.shape = 1 ;
bobSeries.symbol.size = 20;
bobSeries.symbol.fill = "red";
bobSeries.symbol.border.size = 2;
bobSeries.symbol.border.color = "rgb(127, 0, 127)";
bobSeries.symbol.border.lineType = 7 ;
series.set(index ?, seriesItem);
Line and Line with markers: Line charts can be shown with or without markers to indicate individual data values. Line charts are useful for showing trends over time or over evenly-spaced categories, especially when you have many data points and the order in which they are presented is important. If there are many categories or the values are approximate, it’s best to use a line chart without markers.
Stacked line and Stacked line with markers: Stacked line charts can show the trend of the contribution of each value over time or over evenly-spaced categories. 100% stacked line and 100% stacked line with markers: One-hundred percent stacked line charts can show the trend of the percentage each value contributes over time or evenly-spaced categories. If there are many categories or the values are approximate, use a 100% stacked line chart without markers.