Styling line items by dashes
HTML
HTML
<script src="https://cdn.zoomcharts-cloud.com/1/nightly/zoomcharts.js"></script>
<div id="demo"></div>
CSS
CSS
//No CSS for this example
JavaScript
JavaScript
var t = new TimeChart(
{
container: document.getElementById("demo"),
area: { height: null },
data:
{
units: ["h"],
url: "/dvsl/data/time-chart/temperature-kuldiga-h.json"
},
valueAxis: {
"va1": {
side: "left",
position: "outside",
hgrid: true,
axisLine: true,
zeroLine: "visible",
style: {
hgrid: { lineDash: [5, 5] },
axisLine: { lineDash: [5, 5] },
baseLine: { lineColor: "red", lineDash: [5, 5], lineDepth: null }
}
}
},
timeAxis: {
vgrid: true,
style: { vgrid: { lineDash: [5, 5] } }
},
currentTime: {
style: { lineDash: [5, 5] }
},
series: [
{
id: "s1",
type: "columns",
valueAxis: "va1",
data: {
index: 1,
aggregation: "avg"
},
style: {
fillColor: "lightgreen"
}
}
]
}
);