Блог

Я показываю диаграмму c3 (vue-c3) внутри div. Я прикрепил изображения, показывающие, как класс display:block становится перегруженным c3. Первая строка в таблице показывает желаемое поведение (это строка, для которой я удалил класс c3 с помощью вкладки Chrome Elements ). Как мне удалить класс c3? Или как мне заставить display:block ( !important и использование inline-style не сработало)?

после удаления c3

css

Обновление: мне даже не нужно никуда добавлять display:block . Простое удаление c3 дает желаемый результат. Код является

 <template>
  <div >
    <vue-c3  :handler="handler"/>
  </div>
</template>
  

Оказывается, кто-то другой написал этот код в override.styl глобальном файле css:

 .vuec3-chart.c3 > svg{
    width:100% !important;
}
  

прокомментировал это, и все заработало так, как хотелось, без написания какого-либо стиля или класса.
Что затрудняло отслеживание, так это тот факт, что существовал файл, c3.styl в котором я искал глобальный css, но этот код был в override.styl .