пользовательский цвет gridLine echarts - PullRequest
Новая
       17

пользовательский цвет gridLine echarts

0 голосов
/ 30 октября 2018

можно ли настроить цвет gridLine в электронных чартах? Я хочу настроить цвет горизонтальной белой линии

1 Ответ

0 голосов
/ 31 октября 2018

Да, вы можете настроить это в опции yAxis.splitLine.lintStyle.color, 

yAxis : [
    {
        type : 'value',
        splitLine: {
            lineStyle: {
                color: 'blue'
            }
        }
    }
],

и более подробно там

проверьте это демо: 

let echartsObj = echarts.init(document.querySelector('#canvas'));
 
option = {
    color: ['#3398DB'],
    xAxis : [
        {
            type : 'category',
            data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        }
    ],
    yAxis : [
        {
            type : 'value',
            splitLine: {
                lineStyle: {
                    color: 'blue'
                }
            }
        }
    ],
    series : [
        {
            name:'metric',
            type:'bar',
            data:[10, 52, 200, 334, 390, 330, 220]
        }
    ]
};


    echartsObj.setOption(option)
<html>
      <header>
        <script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts-en.min.js"></script>
      </header>
      <body>
        <div id="canvas" style="width: 100%; height: 300px">
        </div>
      </body>
    </html>
...