HighCharts - Làm cách nào để tắt các điểm?

83

Tôi đang sử dụng HighCharts. Đây là tài liệu. Tôi muốn tắt những điểm đó nhưng lúc đầu tôi không biết nó được gọi là như thế nào. Do đó tôi không thể tắt chúng. Bạn có biết làm thế nào tôi có thể giết những điểm đó?

Tôi muốn lật lại những điểm đó

javascript highcharts

— Lajos
nguồn

132

Đây là một ví dụ với biểu đồ đường: http://jsfiddle.net/aeZ6P/1/

Phần quan trọng:

plotOptions: {
    line: {
        marker: {
            enabled: false
        }
    }
}

Xem thêm: https://api.highcharts.com/highcharts/plotOptions.line.marker.enabled

Hiệu ứng tương tự với spline: http://jsfiddle.net/aeZ6P/

— Tim Medora
nguồn

2

có cách nào để tắt các điểm đánh dấu khi di chuột? Hover thử: {kích hoạt: false}} không có may mắn: jsfiddle.net/aeZ6P/36

— igrek

5

@igrek - Như thế này? jsfiddle.net/aeZ6P/37 Mã tôi đã thêm làstates: { hover: { enabled: false } }

— Tim Medora.

Có cách nào để đảo ngược dòng và chỉ giữ lại các điểm đánh dấu? Tôi đoán nó sẽ hoàn toàn ngược lại với câu hỏi này?

— disp_name 10/02/16

1

@RajatAgarwal - Tôi không thể tìm thấy một cách thích hợp để vô hiệu hóa các đường nét, nhưng tôi đã có thể ẩn các dòng bằng cách thiết lập chiều rộng của họ để 0px: jsfiddle.net/aeZ6P/257

— Tim Medora

84

Trong Highcharts, chúng tôi có ba cách để tắt các điểm đánh dấu:

1) Tắt cho tất cả các loạt theo loại:

plotOptions: {
    line: { /* or spline, area, series, areaspline etc.*/
        marker: {
           enabled: false
        }
    }
}

2) Tắt cho một loạt cụ thể:

series: [{
    data: [14,17,21],
    marker: {
       enabled: false
    }
}]

3) Tắt điểm đánh dấu cho một điểm nhất định:

series: [{
    data: [{
        y: 14,
        marker: {
            enabled: false
        }
    },{
        y: 17
    },{
        y: 21
    }]
}]

— Paweł Fus
nguồn

Và làm thế nào để vô hiệu hóa một con số tại điểm khi bạn di chuột vào dòng cho mỗi chuỗi dữ liệu?

— Piotr

Chỉ cần vô hiệu hóa states.hover.

— Paweł Fus

1

@ PawełFus cảm ơn. plotOptions.series.states.hoverlàm. Tôi rất vui vì tôi đã xem bài đăng này.

— Juniuz

12

Hãy xem điều này từ tham chiếu API HighCharts:

http://api.highcharts.com/highcharts#plotOptions.series.marker.enabled

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-enabled/

Các tùy chọn bạn cần thêm là:

    plotOptions: {
        series: {
            marker: {
                enabled: false
            }
        }
    },

Phương pháp này rất hay vì nó sẽ hoạt động với tất cả các biểu đồ có điểm đánh dấu. Nếu bạn muốn một loại biểu đồ cụ thể, hãy kiểm tra điều này:

    plotOptions: {
        line: { // <--- Chart type here, check the API reference first!
            marker: {
                enabled: false
            }
        }
    },

Thưởng thức!

— Seer
nguồn

xin lỗi nhưng không hoạt động khi di chuột, khi di chuột luôn có điểm đánh dấu đó

— Emiliano