我想要在亂數為1的時候設定一條線的樣式，在0的時候設定另一條線的樣式，但最總效果不是這樣，代碼如下，請大神幫忙看看
<template>
<div class="about">
<div id="tree" style="height:100vh"></div>
</div>
</template>
<script>
import echarts from 'echarts'
export default {
name: 'about',
mounted() {
let tree = echarts.init(document.getElementById('tree'));
let option = this.getOption();
setInterval(function() {
let aa = Math.floor(Math.random() * 2)
console.log(aa);
if (aa == 0) {
option.series[0].data[0].children[0].lineStyle = {
color: '#ff0000'
}
} else {
option.series[0].data[0].children[0].children[0].lineStyle = {
color: '#0000ff'
}
}
tree.setOption(option)
}, 3000)
},
methods: {
getOption() {
let option = {
series: [{
type: 'tree',
left: '2%',
right: '2%',
top: '10%',
bottom: '10%',
animationDurationUpdate: 750,
orient: 'vertical',
data: [{
name: '測驗',
children: [{
name: '子',
children: [{
name: '測驗最底層'
}, {
name: '子2',
}
]
}]
}]
}]
}
return option;
}
},
}
</script>
uj5u.com熱心網友回復：
樓主Echarts參考的版本是多少的各版本對應的lineStyle屬性是有差異的
V2 V4 color屬性 是在series lineStyle下
V3 color屬性 是在series lineSyle normal下
uj5u.com熱心網友回復：
多謝你的答復，我的版本v4，是這樣的，只要不是在定時器里，都會生效，但我的需求是想隨機生成加顏色的線條
uj5u.com熱心網友回復：
控制臺有沒報錯提示資訊什么的 會不會是定時器里面的option的問題
uj5u.com熱心網友回復：
弄了半天，發現這家伙只改變線的顏色不會重繪，可以手動點擊節點來收縮展開達到更新的目的，還可以同時修改其他的屬性來重繪，比如修改name：
option.series[0].data[0].children[0].name=option.series[0].data[0].children[0].name+' ';
myChart.setOption(option,true,false);
option.series[0].data[0].children[0].name=option.series[0].data[0].children[0].name.substring(0,option.series[0].data[0].children[0].name.length-1);
myChart.setOption(option,true,false);
uj5u.com熱心網友回復：
哦，那樣的話就滿足不了需求啦，不知道有什么辦法可以實作這種及時修改
uj5u.com熱心網友回復：
uj5u.com熱心網友回復：
你好，這個效果怎么實作的
uj5u.com熱心網友回復：
沒有報錯，可能就是echarts不支持
uj5u.com熱心網友回復：
就是4#講的那樣，上傳了個示例
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/131481.html
標籤：JavaScript
上一篇：我想用電腦的wifi搭建一個能夠做登陸驗證的熱點wifi，有個登陸的頁面，能夠輸入用戶名和密碼
下一篇：HTML5的基本學習