Remove chart modifiers
This commit is contained in:
parent
4ed12e10e6
commit
b34e05998c
|
@ -329,38 +329,6 @@ footer a:hover {
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Chart modifiers */
|
|
||||||
.chart-modifiers {
|
|
||||||
height: var(--chart-modifier-height);
|
|
||||||
}
|
|
||||||
|
|
||||||
.ck-button {
|
|
||||||
width: var(--checkbox-width);
|
|
||||||
color: white;
|
|
||||||
font-size: var(--checkbox-font-size);
|
|
||||||
cursor: pointer;
|
|
||||||
overflow: auto;
|
|
||||||
display: flex;
|
|
||||||
margin-left: 50px;
|
|
||||||
padding-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ck-button label span {
|
|
||||||
border-radius: 4px;
|
|
||||||
text-align: center;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
background-color: #a19fbc;
|
|
||||||
margin: 5px;
|
|
||||||
display: flex;
|
|
||||||
width: 100px;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ck-button input:checked + span {
|
|
||||||
background-color: #666fbc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-row {
|
.author-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
|
|
|
@ -124,26 +124,4 @@ function initEchart(dataArr) {
|
||||||
myChart.setOption(option);
|
myChart.setOption(option);
|
||||||
}
|
}
|
||||||
|
|
||||||
const checkboxLog = document.body.querySelector("#checkbox-log");
|
|
||||||
|
|
||||||
checkboxLog.addEventListener("change", (e) => {
|
|
||||||
const isChecked = e.target.checked;
|
|
||||||
myChart.setOption({
|
|
||||||
yAxis: [
|
|
||||||
{
|
|
||||||
type: "value",
|
|
||||||
type: isChecked ? "log" : "value",
|
|
||||||
name: "Price (USD)",
|
|
||||||
nameLocation: "middle",
|
|
||||||
splitNumber: isChecked ? 5 : 5,
|
|
||||||
nameTextStyle: yaxisTextStyle,
|
|
||||||
position: "left",
|
|
||||||
alignTicks: true,
|
|
||||||
axisLine: axisLine,
|
|
||||||
axisLabel: xaxisLabel,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
dataZoom: dataZoom((start = isChecked ? 0 : 90)),
|
|
||||||
});
|
|
||||||
});
|
|
||||||
fetchDataForChart();
|
fetchDataForChart();
|
||||||
|
|
Loading…
Reference in New Issue