참조 설명서의 내용과 this answer의 지침을 따르고 있지만 성공하지 못했습니다. 스택 막대 차트가 있는데 스택의 데이터가 데이터의 순서대로 나타나기를 원하지만 순서가 바뀌고이를 방지하는 방법을 알 수 없습니다. 여기는 jsfiddle입니다. 여기에, 나는 일련의 순서 0-1, 2-3, 4-5 싶습니다 코드를 var chartOptions = {
간단한 그래프를 만들기 위해 c3을 사용합니다. Json 파일에서 데이터를 가져 와서 내 선 그래프를 작성하고 싶습니다. 내 Y 값은 ("레이블")이어야하고 내 X 값은 ("데이터")이어야합니다. (배열)이 있습니다 var chart = c3.generate({
bindto: '#chart',
data: {
xFormat: '
콘솔 앱을 디자인했습니다. 사용자는 보고서 위젯 (그래프 유형, 선, 파이 등 선택)을 작성하고 나머지 API 기능에 연결할 수 있습니다. 그런 다음 시스템은 나머지 보고서 데이터 (데이터 필드, 사용자 입력 화면 이름)를 보고서 위젯 및 관련 그래프로 바인딩합니다. 라이브 대시 보드 (보고서 위젯 포함)에 D3.js를 사용하고 있습니다. 그러나 D3.js
여러 줄 그래프에 C3.js를 사용하고 있습니다. 시작 부분에 2 줄 정도 있지만 둘 중 하나만 표시하고 다른 하나는 숨기려고합니다. 나는 행운없이 chart.show('data1') 을 사용했습니다. 도와주세요. 또 다른 질문은 C3.js에서 드릴링 차트를 사용할 수 있습니까? 감사합니다. 코드는 기본적으로 <html>
<head>
<link
처음으로 C3 라이브러리를 사용하고 있으며 간단하고 재사용 가능한 차트를 통증없이 디자인 할 수있는 좋은 대안이라고 생각합니다. 그러나 timeseries 차트 디자인에 몇 가지 문제가 있습니다. 여기 내가 내 차트를 생성하는 데 사용하는 JSON 파일의 예입니다 : data: {
json: [
{
"city": "Paris",
C3.js를 사용하여 선 차트를 생성하고 있습니다. SVG가 생성되면 캔버스를 사용하여 .png 이미지로 변환합니다. 모든 것이 잘 작동하지만 x 축 이름이 이미지에서 잘립니다. SVG 너비와 높이와 같은 캔버스 너비와 높이를 부여했습니다. canvas.width = image.width;
canvas.height = image.height;
도움을
저는 Angular 2에서 다른 차트 라이브러리를 테스트 중이므로 D3, Flot, uvChart 등과 같은 다른 차트 라이브러리 위에 serval 지시문을 작성했습니다. C3 차트를 작성한 후, 나는 C3 this is the image에서 이상한 그래프를 가지고 당신은 선 사이의 색상이 검은 색으로 반전, 나는 그것을 마우스를 가져 가면 툴팁 색상이 여
에 대한 두 개의 c3js 그래프를 만들 수 없습니다 (PHP에 의해 생성을하지만 결국 이것은 클라이언트 측에) c3.generate({'bindto':'#b65d3422__salestaffcommunication_xepan_base_view_chart_chart','data':{'keys':{'x':'name','value':['Email','Call',
나는 C3.JS를 사용하여 파이 차트를 만들었습니다. 코드가 제대로 작동하지만 유일한 문제는 색상입니다. 내 웹 사이트의 색은 #f20044입니다. C3.JS 원형 차트는 기본적으로 내 웹 사이트에 맞지 않는 빨강, 파랑, 초록 같은 자체 색상을 생성합니다. C3에서 제공하는 한 가지 솔루션은 원형 차트 조각에 사용자 정의 색상을 제공해야한다는 것입니다.