Remove chart modifiers
This commit is contained in:
parent
4ed12e10e6
commit
b34e05998c
|
@ -329,38 +329,6 @@ footer a:hover {
|
|||
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 {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
|
|
|
@ -124,26 +124,4 @@ function initEchart(dataArr) {
|
|||
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();
|
||||
|
|
Loading…
Reference in New Issue