2017-02-21 3 views
1

Этот вопрос касается угловых диаграмм 1.1.1.угловой-графикJs сменяет фон с фоном и выделяет цвета

Прежде всего, я хотел отключить цвет на диаграмме. Я уже установить следующие опции в ложь:

tooltips: { 
    enabled: false 
}, 
hover: { 
    enabled: false 
}, 

Это не работает, поэтому я решил изменить цвет моей кольцевой диаграммы, в том числе highlightColor. Чтобы установить цвета, я добавил директиву chart-colors="colors" на мой холст. К моей компетенции, я добавил следующее:

$scope.colors = [{ 
    fill: true, 
    backgroundColor: ["#FF6384","#36A2EB"] 
}] 

Я также попытался следующие:

$scope.colors = [{ 
    fill: true, 
    backgroundColor: "#FF6384" 
},{ 
    fill: true, 
    backgroundColor: "#36A2EB" 
}] 

Оба фрагмента кода не работают. Они просто превращают мой график частично в серый, но не с указанными цветами. только следующий код изменил мои диаграммы цвета:

$scope.colors = ["#FF6384","#36A2EB"] 

Это изменит только backgroundColor, но я хочу, чтобы изменить highlightColor тоже, так что это решение не вариант для меня. У кого-нибудь есть идея, как я могу установить backgroundColor и hightlightColor диаграммы?

ответ

1

Я нашел решение. Кажется, я должен использовать именно такую ​​формулировку:

colors: [{ 
    backgroundColor: '#FF6384', 
    pointBackgroundColor: '#FF6384' 
}, { 
    backgroundColor: '#36A2EB', 
    pointBackgroundColor: '#36A2EB' 
}], 

Так pointBackgroundColor изменит цвет диаграммы не сам BackgroundColor. Для эффекта зависания необходим backgroundColor, поэтому pointBackground будет невидимым, а фон - спереди.

Благодаря @Dominik Heim ваша ссылка была большой помощью!

1

Вы можете предоставить полный код? облегчит ли он квалифицированный ответ.

Исходя из этого https://stackoverflow.com/a/28654829/6629704 я полагаю, что вы, возможно, следует добавить еще два цвета в массиве, так как может быть, третья и четвёртая позиция массива будет определять цвета выделения

Смежные вопросы